标签：风格 style web 上传 html 建议 dir 读者 内容
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元素将成为块级框开始处的一个行内框 如果不是那本身还维持为一个块级块（不支持啦！）
标签：风格 style web 上传 html 建议 dir 读者 内容
原文地址：http://www.cnblogs.com/lttwq/p/6074501.html
