与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。

同样的，footer标签定于底部区域，作用等于div，但是具备语义化。

header标签，用来定义头部区域。header标签作用相当于div，只是具备语义化。

现在基本都是用的微软雅黑

body{font-family：“Microsoft Yahei”；}

body{font-family：”微软雅黑“；}

第一种的编辑方法比第二种的兼容性好的很多

不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。

font-family:字体类型；
font-size:字体大小；
font-weight:bold：设置为粗体样式；
font-style:italic：设置为斜体样式；
text-decoration:underline：文字设置下划线；
text-decoration:line-through：删除线；
text-indent:2em：缩进；（注意：2em的意思就是文字的2倍大小。）
line-height:2em：行高；
word-spacing:50px：单词间距；
letter-spacing:20px:字母间距；
text-align:center：水平居中对齐；
font-weight:normal;/*去掉粗体样式*/
vertical-align:middle：垂直居中；
overflow:hidden：溢出隐藏；
display：inline-block：内联块；
clear：both；清除浮动；
vertical-align：垂直对齐；
鼠标经过它时候的效果：
a:link {color: #FF0000} /* 未访问时的状态 */；
a:visited {color: #00FF00} /* 已访问过的状态 */；
a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */；
a:active {color: #0000FF} /* 鼠标按下去时的状态 */；
标签：
<table>：创建表格；
<form>标签的使用方法：
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
</form>；
边框border、内边距padding、内容content、背景background、外边距margin、实线solid

CSS3选择器

• 标签选择器

• 类选择器

        1. 英文圆点开头

        2. 类选择器名称可以任意起名（但不要起中文）

        3. 使用方法

          a. 使用合适的标签把要修饰的内容标记起来

          b. 使用class="类选择器名称"为标签设置一个类

          c. 设置类选择器CSS样式

• ID选择器

  注：1. 使用ID选择器，必须给标签添加上id属性，为标签设置id="ID名称"

         2. ID选择器前面的是井号（#）,而不是英文圆点（.)

         3. id属性的值既为当前标签的id，尽量见名思意，语义化。

在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入&nbsp;.

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

p class=first>因为类的权值比标签高，所以p标签里的文字段落显示为绿色。胆小如鼠显示为绿色，是span继承了first的css样式，所以对于span来说，第8行的.first{color:green;}权值只有0.1；如果加上第9行语句，胆小如鼠就显示为粉色，因为span属于标签，所以span{coler:pink;}权值为1，1>0.1，第9句权值大于第8句，所以span的css样式为pink；最后就是设置胆小如鼠为紫色，输入p span{color:purple;}，第10行的权值为1+1=2（p,span两个标签，权值就是1+1）因为2>1（第9句>0.1（第8句）,所以当以上CSS样式代码都存在的时候，胆小如鼠显示为紫色。以标签的角度去思考。

CSS的四个特性：继承性、特殊性（权值）、层叠性（就近原则）、重要性（!important）

如果不设置css样式浏览器会按照自己的一套样式来显示网页并且用户也可以在浏览器中设置自己习惯的样式，就比如有的用户习惯吧字号设置大一点，看网页时更清楚。所有要注意样式的优先级“浏览器默认样式”小于“网页制作者样式”小于“用户自己设置的样式”特别注意的是！important这个样式的是个例外它权值大于“用户自己设置的样式”。

 caption;   <br/>  <hr/>

<thead>  <tbody>  <tfoot>  <tr>  <td>  <th>

<input>   type="text/number/password/url/email"

<textarea>      cols;  | rows; -