第二章(文本类网页设计 标签)

标题标签：定义了6级标题为h1、h2、h3、h4、h5、h6，每级标题的字体大小依次递减，1级标题字号最大，6级标题字号最小
段落标签 ：<p>标签用于定义段落。
<br>标签与<wbr>标签：<br>标签可插入一个换行符，用来输入空行，而不是分割段落。 <wbr>规定在文本中的何处适合添加换行符。建议浏览器在这个标记处可以断行,只是建议而不是必定会在此处断行,还要根据整行文字长度而定。除了 Internet Explorer，其他所有浏览器都支持 <wbr> 标签
<details>标签与<summary>标签：<details>标签用于描述文档或文档某个部分的细节，目前只有Chrome浏览器支持 <details>标签，可与<summary>标签配合使用，<summary>标签用于定义这个描述文档的标题
<bdi>标签 <bdi>标签：用于设置一段文本，使其脱离其父标签的文本方向设置
<ruby>标签、<rt>标签与<rp>标签：<ruby>用于定义ruby注释（中文注音或字符。与<rt>一同使用。<rt>用于定义字符（中文注音或字符）的解释或发音 <rp>在ruby注释中使用，以定义不支持<ruby>的浏览器所显示的内容。
<mark>标签 ：用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字，典型应用是搜索结果中高亮显示搜素关键字。
<time>标签：用于定义日期或时间，也可以两者同时。
<meter>标签：用于定义度量衡，仅用于已知最大和最小值的度量。
<progress>标签：用于定义任何类型任务的运行进度，可以使用标签显示 JavaScript中时间函数的进程。

多列布局模块(Multi-column Layout Module)：使一个段落的内容像报刊、杂志那样分栏显示。
text-shadow为页面中的文本添加阴影效果
语法：选择器{text-shadow:h-shadow(水平阴影距离) v-shadow(垂直阴影距离) blur(半径) color(颜色);}
CSS层叠性：根据css样式的前后顺序来决定，处于后面的css样式会被应用
CSS继承性：允许样式不仅应用于某个特定html标签，还应用于其后代。
CSS重要性：在某个样式设置后添加！important代表具有最高权值，要写在分号前面。
样式优先级：外部样式<内部样式<内联样式
选择器优先级：元素选择器<类选择器<id选择器<内联样式
连接属性：① a:link：超级链接的初始状态。
② a:hover：把鼠标放上去时悬停的状态 。
③ a:active ：是鼠标点击时。
④ a:visited：是访问过后的状态。
这四种状态的排序有一个有趣的规则——LoVe HAte原则，即按照link、visited、hover、 active的顺序进行设置。

/*对全站有链接的文字颜色样式为color:#333; 并无下划线*/ 
a{color:#333;text-decoration:none; }
 /*对鼠标放到超链接上文字颜色样式变为color:#CC3300; 并文字链接加下划线text-decoration:underline;*/ 
a:hover {color:#CC3300;text-decoration:underline;} 

CSS定位
用于设置菜单定位方式
static：静态定位(默认)
relative：相对定位，相对于其原文档流得位置进行定位
absolute：绝对定位，相对于static定位以外得第一个上级元素进行定位
fixed：固定定位，相对于浏览器窗口进行定位
边偏移属性
top：顶端偏移量，定义元素相对于其参照元素上边线的距离
bottom：底部偏移量，定义元素相对于其参照元素下边线的距离
left：左侧偏移量，定义元素相对于其参照元素左边线的距离
right：右侧偏移量，定义元素相对于其参照元素右边线的距离