关于CSS一些注意事项

样式书

CSS样式属性可以简单地划分为4大类，分别是“显示样式”、“自身样式”、“文本样式”和“CSS3新样式”。

1. 显示样式

控制元素展示方式的属性，主要包括浮动（float）、定位（position）、展示方式（display）、超出状态以及可视化（overflow、visibility）等。

1. 自身样式

关于元素自身的样式属性，主要包括宽度（width）、高度（height）、外边距（margin）、内边距（padding）、边框（border）等。

1. 文本样式

用于处理背景图片、段落文章、文字字体的样式。

（1）背景图片

背景颜色——background-color属性

背景图片——background-image属性

背景重复——background-repeat属性

背景定位——background-position属性

背景关联——background-attachment属性

（2）段落样式

line-height——设置元素当中每行文本的行高（行间距）。

text-decoration——设置元素的文本修饰，如下划线、上划线等。

text-indent——设置元素的首行文本的缩进。

text-align——设置元素中文本的水平对齐方式。

vertical-align——设置元素的垂直对齐方式。

（3）字体样式

color——设置文本颜色

font-family——设置字体系列

font-size——设置字体大小

font-style——设置字体风格（是否倾斜）

font-weight——设置文本粗细

1. CSS3新样式

background-size——背景尺寸

设置背景图片的尺寸大小。IE9+以及各个主流浏览器均支持。

background-clip——背景切割

进行背景切割，只保留内容区域（width和height区域）的部分。

background-origin——背景原点

用来决定图片的原始起始位置。IE9+以及各个主流浏览器均支持。