10.层叠

CSS2.1层叠规则

11.

颜色的十六进制记法和RGB记法：#336680对应rgb{rr,gg,bb}即把十六进制转化为十进制

十六进制的简单记法#ccc等价于rgb{cc,cc,cc}

web安全色：在256色计算机系统上能避免抖动的颜色  rgb表示的话就是20%和51的倍数

十六进制表示的话就是33的倍数

长度单位：

值为0时都可以不加单位

绝对长度在网页设计中不常使用 相对长度：em,ex,px

CSS中，1em等于给定字体的font-size值em的值并不是固定的 em会继承父级元素的字体大小

ex指的是所用字体中小写x的高度

使用像素的话IE7之前的用户无法用浏览器文本大小调节功能调整文本大小，像素特别适合度量图像的大小

12.绝对路径和相对路径

你从起点开始走到了终点，但是你突然发现你想要去的是另一个地方。绝对路径就是让你二话不说回到起点重新开辟另一条道路，相对路径就是以现在的终点作为起点，教你如何去到你想去的那个地方

绝对路径：这是绝对路径："http://www.w3cschool.cn/feijishu/4g721px5.html"

相对路径：/ ：表示根目录

　 　./ ：表示当前目录

　　 ../ : 表示上一级目录(../../上二级)

相对路径的好处是什么？

因为网站经常是在本地搭建测试过后才上传到服务器的，这时候网址就会变成本地路径，比如说"E:/feijishu/4g721px5.html",直接用这样的地址设立超链接过后在本地浏览自然是没啥问题，但是放到网上问题就大了，链接变得全部都不能点了不是？所以变成基本上采用相对路径。

绝对路径的好处是什么？

既然相对路径这么方便，为什么我们最终看到的网站呈现出来的都是绝对路径？这自然是为了方便搜索引擎的抓取，所以进行了一次转换。顺着绝对路径蜘蛛可以爬向主域名甚至各个目录，但是如果使用相对路径的话，它就会循规蹈矩地按照指示走下去

13.

inherit定义和用法

inherit 关键字指定一个属性应从父元素继承它的值。

inherit 关键字可用于任何 HTML 元素上的任何 CSS 属性。

14.

CSS中的通用字体系列：

1.serif:成比例 有上下短线

2.sans-serif：成比例 没有上下短线

3.monospace：不成比例，用于模拟打字机打出的文字 宽度相同

4.cursive：模仿手写体

5.fantasy：无法定义

用h1{font-family:Georgia,serif;}的方法可以确保如果读者没有Georgia字体那么就会用serif字体系列中的来代替

如果一个字体名中有一个或者多个空格，或者包括#$之类的符号，那么字体名建议要加引号

字体加粗和字体大小

font-weight:bold/bloder/lighter...

font-size:larger/smaller... 为给定字体的em框提供一个大小，但不能保证实际显示的字符就是这个大小

字体风格化

font-style:

italic(是一种单独的倾斜字体风格，对字母的结构有小改动)

oblique(正常竖直文本的倾斜版)

normal(默认)

inherit

字体变形

font-variant:

normal正常

inherit

small-caps小型大写字母 文本中本来就是大写的字母会更大 小写的就变成小写大型字母

拉伸调整字体

font-strentch

使用font简写规则时时，前三个值是style,weight,varient顺序可以变化而后两个值size,family一定要按顺序规定

15.

文本属性

缩进文本：text-indent 一般只能对块级元素使用，如果是行级元素想缩进用左内边距或外边距来达到效果

水平对齐：text-align 只用于块级元素 只影响内部元素

left/right/center/justify（文本行左右两端都放在父元素内边界上，调整单词和字母之间间隔使各行长度相等 常用于打印）/inherit

垂直对齐：line-height(line-height减去font-size=行间距 行间距/2=行内框宽度)

字间隔/字母间隔

word-spacing

letter-spacing

文本转换

text-transform:uppercase(大写)/lowercase(小写)/capitalize(单词首字母大写)

文本装饰

text-decoration:underline/overline(上划线)/line-through(线穿过)/blink(文字闪烁)/none(关闭修饰效果)

不能继承，装饰线颜色会与父元素相同 当在子元素中显式的声明装饰可以覆盖父元素的下划线

处理空白格

white-space:normal(按平常的处理方法处理 丢掉多余空白格)/pre(不忽略空白符)/nowrap/pre-line(合并空白符 但保留换行符)/pre-wrap(保留空白符 正常换行)

文本方向

direction:ltr/rtl

16.基本视觉格式化

水平格式化：width值影响的是内容区的宽度，附加的内边距，边框，外边距的值会增加到width里

非替换元素中

七大属性margin,padding,border的left,right值加上width的和往往是父元素的width值 其中只有width 和左右margin值可以取auto对于这三个值如果都设为特定值 就会使这些格式化属性过分受限 那么右外边距会被强制设为auto

替换元素中 如果width设置为auto 元素的宽度是内容的固有宽度

垂直格式化：与水平格式化类似，但是如果margin的上下值设为auto的话会自动计算为0，而不能将正常流元素在包含快中垂直居中（定位元素处理方式不一样）

display属性影响的是元素的显示方式 并不影响他是何种元素 所以一个行内元素设置为block显示也无法包含一个块级元素

display:run-in 如果一个元素有run-in框，该框后面是一个块级框，那么run-in元素将成为块级框开始处的一个行内框 如果不是那本身还维持为一个块级块（不支持啦！）

《CSS权威指南》里提醒我们需要注意的小知识点（二）