CSS 框模型概述

《CSS 框模型概述》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、CSS属性组：•背景•文本•字体•边框和轮廓•外边距•内边距•列表•内容生成•尺寸•定位•打印•表格•伪类•伪元素提示和注释：属性：“属性”列指向语法、实例、浏览器支持等内容。CSS："CSS"列指示属性是在哪个CSS版本中定义的（CSS1还是CSS2）。CSS背景属性（Background）属性描述CSSbackground 在一个声明中设置所有的背景属性。1background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。1background-color 设置元素的背景颜色。1background-image 设置元素的背景图像。1backgroun

2、d-position 设置背景图像的开始位置。1background-repeat 设置是否及如何重复背景图像。1CSS边框属性（Border和Outline）属性描述CSSborder 在一个声明中设置所有的边框属性。1border-bottom 在一个声明中设置所有的下边框属性。1border-bottom-color 设置下边框的颜色。2border-bottom-style 设置下边框的样式。2border-bottom-width 设置下边框的宽度。1border-color 设置四条边框的颜色。1border-left 在一个声明中设置所有的左边框属性。1border-

3、left-color 设置左边框的颜色。2border-left-style 设置左边框的样式。2border-left-width 设置左边框的宽度。1border-right 在一个声明中设置所有的右边框属性。1border-right-color 设置右边框的颜色。2border-right-style 设置右边框的样式。2border-right-width 设置右边框的宽度。1border-style 设置四条边框的样式。1border-top 在一个声明中设置所有的上边框属性。1border-top-color 设置上边框的颜色。2border-top-style 设置

4、上边框的样式。2border-top-width 设置上边框的宽度。1border-width 设置四条边框的宽度。1outline 在一个声明中设置所有的轮廓属性。2outline-color 设置轮廓的颜色。2outline-style 设置轮廓的样式。2outline-width 设置轮廓的宽度。2CSS文本属性（Text）属性描述CSScolor 设置文本的颜色。1direction 规定文本的方向/书写方向。2letter-spacing 设置字符间距。1line-height 设置行高。1text-align 规定文本的水平对齐方式。1text-decoration 规

5、定添加到文本的装饰效果。1text-indent 规定文本块首行的缩进。1text-shadow规定添加到文本的阴影效果。2text-transform 控制文本的大小写。1unicode-bidi 设置文本方向。2white-space 规定如何处理元素中的空白。1word-spacing 设置单词间距。1CSS字体属性（Font）属性描述CSSfont 在一个声明中设置所有字体属性。1font-family 规定文本的字体系列。1font-size 规定文本的字体尺寸。1font-size-adjust 为元素规定aspect值。2font-stretch 收缩或拉伸当前的字体

6、系列。2font-style 规定文本的字体样式。1font-variant 规定文本的字体样式。1font-weight 规定字体的粗细。1CSS外边距属性（Margin）属性描述CSSmargin 在一个声明中设置所有外边距属性。1margin-bottom 设置元素的下外边距。1margin-left 设置元素的左外边距。1margin-right 设置元素的右外边距。1margin-top 设置元素的上外边距。1CSS内边距属性（Padding）属性描述CSSpadding 在一个声明中设置所有内边距属性。1padding-bottom 设置元素的下内边距。1padding

7、-left 设置元素的左内边距。1padding-right 设置元素的右内边距。1padding-top 设置元素的上内边距。1CSS列表属性（List）属性描述CSSlist在一个声明中设置所有的列表属性。1list将图象设置为列表项标记。1list设置列表项标记的放置位置。1list设置列表项标记的类型。1marker 2内容生成（GeneratedContent）属性描述CSScontent 与:before以及:after伪元素配合使用，来插入生成内容。2c