---------------------- ASP.Net+Android+IO开发、.Net培训、期待与您交流！ ----------------------
● 浏览器：
1）Trident引擎（IE的WebBrowser控件）：IE、360浏览器、遨游（Maxthon）、世界之窗、搜狗浏览器
2）Webkit引擎：Chrome（谷歌）、Safari
3）Gecko引擎：FireFox（火狐）
4）静态页面和动态页面：
（1）静态页面：
有一个HTML页面保存在服务器上，当浏览器要这个页面的时候，服务器就把这个页面文件发给浏览器；
（2）动态页面：
服务器上没有浏览者要看的页面，而是服务器动态生成的HTML页面发给浏览器；
● HTML常用标签
注释：<!--注释内容-->
“/”网站根目录；“../”当前目录的上一级目录；
空格（no-breakspace）： ；
大于号（greater than）：>；
小于号（less than）：<；
<pre/>：按文本写入的方式排版显示文本，但标签和特殊字符不能显示；
<br/>：回车
<p/>：分段
<center/>：居中显示
<font/>：字体
<b />：粗体
<h1/>……<h6/>：表示不同大小字体的标题
<a/>：超链接，target属性设置为“_blank”表示超链接在新窗口中打开
<ul/>：unordered list，无序的列表；<ol/>：ordered list，有序的列表
<table/>：表格，在内部通过<tr/>创建行，<tr/>内部通过<td/>创建单元格。border属性设置为0来隐藏表格线；<tr/>和<td/>的align、valign属性分别表示水平对齐、垂直对 齐；<td/>的rowspan、colspan属性分别表示单元格占的行数、列数；
<thead/>：表头；
● 表单
1）<form/>：表单标签，属性action表示表单将提交到哪个页面，method属性表示表单提交的方式，可选值为get、post；
2）<input/>：主要的表单元素，type可选值为：
submit（提交按钮）：属性value修改显示的文本
button（普通按钮）：属性value修改显示的文本
text（文本框）：属性value为值，size为宽度，maxlength：能够输入的最大长度，readonly：只读；
checkbox（复选框）：属性checked：是否被选中
radio（单选按钮）：属性Name进行分组
image（图片按钮）：属性src：图片的地址
file（文件选择框）：使用file，则<form/>的enctype属性必须设置为multipart/form-data，method属性设置为post；
password（密码框）
reset（重置按钮）
hidden（隐藏字段）
3）<select/>：属性size的值表示显示出来的列表数量（大于1则为ListBox，否则为ComboBox）；
属性multiple=“multiple”，则为可以多选的ListBox；
<option/>：表示<select/>的每一项，属性value：设置项的值，属性selected=“selected”表示该项被选中；
<optgroup/>：给项<option/>进行分组；
4）<textarea/>：多行文本，属性rows、cols分别设置行数、列数
5）<lable/>：为其它的标签添加标注，使标注和其它的标签成为一体，方便用户使用；
6）<fieldset/>：类似GroupBox效果，<legend/>：类似设置GroupBox的标题
●CSS（层叠样式表）
1）css主要有元素内联、页面嵌入、外部引用这三种使用方式：
（1）元素内联：直接将样式写入到元素的style属性中
（2）页面嵌入：在<head>与</head>之间写入：<style type=“text/css”> </style>
（3）外部引用：在<head>与</head>之间写入：
<linkhref=“StyleSheet.css” rel=“stylesheet” type=“text/css”/>
2）Div：层、Span：块
div：将一段内容放到一个矩形的区块中进行操作，会影响布局；
span：将一段内容定义为一个整体进行操作，不影响布局；
3）常见的样式
css的计量单位：px（像素）、30%（百分比）、em（相对单位）等；
background-color：（背景颜色）；color：（文本颜色）；
border-style：（边框风格），可选值solid：实线，dotted：点等；border-color：（边框颜色）；border-width：（边框宽度）；
display：（元素是否显示），可选值none：不显示，block：显示为块级元素，此元素前后会带有换行符，inline：显示为内联元素，此元素前后没有换行符等；
cursor：（鼠标在元素上时显示的光标图标），可选值cursor：默认光标，pointer：超链接上的手形，text：Ⅰ形光标，wait：忙沙漏等；
“list-style-type：none”：li不显示前面的圆点；
●CSS样式选择器：
1）标签选择器：对于指定的标签采用统一的样式
例如：p{color：Red；}
2）id选择器：
例如：#fCorlor{color：Red；}------> <div id=“fCorlor”>Hello</div>
3）class选择器：
例如：.bgColor{background-color：Yellow；}
. fCorlor{color：Red；}
------>
<div class=“bgColor fCorlor”>Hello</div>
4）复合选择器：
（1）标签class选择器（input.bgColor）；
（2）层次选择器：（div li）：选择div标签下级的所有li标签（包括li子标签）；
（3）多元素同时选择：（div，p，input.bgColor）：同时选择div标签、p标签、input.bgColor；
5）伪选择器：
A：link{text-decoration：none；}
A：hover{text-decoration：underline；}
A：visited{text-decoration：none；}
A：active{text-decoration：none；}
none：没有下划线；underline：有下划线；
A：link（还没有点击超链接时的状态）
A：hover （鼠标移到超链接上时的状态）
A：visited（点击超链接后的状态）
A：active（选中超链接时的状态）
---------------------- ASP.Net+Android+IO开发、.Net培训、期待与您交流！ ----------------------
扫一扫
107
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
