CSS重点知识点整理

《CSS重点知识点整理》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、一、CSS选择器1、标签选择器2、类选择器3、ID选择器二、CSS复合选择器1、后代选择器l在CSS选择器中通过嵌套的方式，对特殊位置的HTML标签进行声明l外层的标签写在前面，内层的标签写在后面，之间用空格分隔l标签嵌套时，内层的标签成为外层标签的后代2、交集选择器l由两个选择器直接连接构成，选中二者各自元素范围的交集l第一个必须是标签选择器，第二个必须是类选择器或者ID选择器l选择器之间不能有空格，必须连续书写3、并集选择器l多个选择器通过逗号连接而成l利用并集选择器同时声明风格相同样式9三、CSS美化网页1、标签2、字体样式lFont-family：设置字体

2、类型lFont-size：设置字体大小lFont-weight：设置字体粗细3、文本属性lColor：设置文本颜色lText-align：设置元素水平对齐方式lText-indent：设置首行文本的缩进lLine-height：设置文本的行高lText-decoration：设置文本的装饰4、超链接样式实际网页开发中通常只设置两种状态，一种是a{}—包括链接的各个状态，一是a:hover{}---鼠标移到对象上的样式5、网页背景lBackground-color：背景颜色lBackground-image：背景图像lBackground-repeat：背景重复方式lBackg

3、round-position：背景定位。---属性值可以为数值，可以为百分比，也可以为关键词；第一个为水平方向，第二个为垂直方向。9lBackground：背景样式简写Background：背景颜色背景图片背景定位背景是否重复显示；例：background:#C00url(image/arrow-down.gif)205px10pxno-repeat;6、列表样式lList-style-type：none无标记符号lList-style-type：disc实心圆lList-style-type：circle空心圆lList-style-type：square实心正方形lLis

4、t-style-type：decimal数字四、盒子模型CSS盒子模型，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。1、边框borderlborder-width：边框粗细lborder-style：边框样式dashed：虚线；solid：实线；lborder-color：边框颜色lborder：边框设置连写border：边框粗细边框样式边框颜色或者border：边框颜色边框粗细边框样式9例：border:#f001pxsolid;1、外边距marginmargin是设置对象外边距外延边距离。（1）marg

5、in说明margin的值有三种情况，可以为正整数和负整数并加单位如PX像素；可以为auto自动属性(margin-left:auto自动)；可以为百分比（%）值。margin-left：对象左边外延边距margin-right：对象右边外延边距margin-top：对象上边外延边距margin-bottom：对象下边外延边距（2）外边距margin缩写A、只有上下情况缩写原始：margin-top:5px;margin-bottom:6px缩写简写为：margin:5px06px0或margin:5pxauto6pxautoB、只有左右情况缩写原始：margin-left:5

6、px;margin-right:6px缩写简写为：margin:06px05px或margin:auto6pxauto5pxC、四边相同值缩写原始：margin-top:5px;margin-bottom:5px;9margin-left:5px;margin-right:5px缩写：margin:5px;D、四边不同值缩写：上右左下原始：margin-top:5px;margin-bottom:6px;margin-left:7px;margin-right:8px缩写：margin:5px8px6px7px;E、四边其中上下值和左右值各相同缩写原始：margin-top:

7、5px;margin-bottom:5px;margin-left:7px;margin-right:7px缩写：margin:5px7px;F、设置布局局中margin:0auto设置对象上下间距为0，左右自动。可拆分：margin:0auto0auto；还可拆分为：margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;1、内边距paddingA、四边相同padding简写如果padding四边设置值相同，假如为5px，CSS简