网页设计css样式.doc

火星人教育 学习更快乐！
1
网页设计CSS样式
选择器：
派生选择器：根据上下文关系确定标签样式
p span{....}
id选择器
#id{}
类选择器
.class{}
属车）
火星人教育 学习更快乐！
4
以上几条使用不多……
text-decoration文本修饰，主要对a标签自带的下划线进行修饰
Font
font-family 定义字体（可有多个值，以防止用户未安装某一字体，满足用户字体需求；在最后加入字体系列）（font-family:"字体名称",字体系列;）
font-style字体风格（正常or斜体）
font-weight 字体粗细
font-size字体大小
列表样式：
List-style样式
List-style-position:inside与outside（对应li的那个点是显示在li内还是标签外）
Table
border-collapse 属性设置是否将表格边框折叠为单一边框（必须有!DOCTYPE，否则会引起意想不到的错误）
vertical-align 垂直对齐方式
Outline轮廓线，将显示在border的外面。（只有在规定了 !DOCTYPE 时，Internet Explorer 8 （以及更高版本） 才支持 outline 属性。）
火星人教育 学习更快乐！
4
颜色的表达：
Color:#FFFFFF;
Color:red;
Color:rgb(255,255,0)、(100%,100%,0%)
框架
火星人教育 学习更快乐！
5
注意：对于没有声明恰当!DOCTYPE的，border在不同浏览器中的解析存在差异
对于padding、margin、border，同一个属性设定4个值则以上右下左的顺序对边框样式进行调整
Border-color:transpanrent;透明边框（ie7之前不支持）
Border的声明：样式必须声明（有默认粗细，默认颜色，但默认样式为none）
Margin存在边框合并的问题……（只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并；上下合并，左右不合并）
Ie6双倍边距：块元素、浮动、margin（1：尽量避免同时使用浮动与margin；2：使用display:inline将块元素转为内联元素）
定位与框：
Static
Absolute 相对于包含块的偏移，跳出文档流
Relative 相对于自身的偏移，所占据的空间仍为原空间
（进行绝对定位与相对定位时，是以父级为基准。不存在position:relative的父级时，以body为基准）
Fixed 类似于absolute，不过是以视窗为基准
元素中内容溢出：overflow: scroll/hidden/auto
z-index 设置元素的堆叠顺序
火星人教育 学习更快乐！
6
裁剪绝对定位元素clip:rect(top righ