background-color:颜色值;/*默认的值是transparent透明的*/背景图片(image)background-image:none|url(url)参数作用none无背景图（默认的）url使用绝对或相对地址指定背景图像background-image:url(images/demo.png);背景平铺(repect)background-repect:repeat|no-repeat|repeat-x|repeat-y参数作用repeat背景图像在纵向和横向上平铺（默认的）no-repeat背景图像不平铺repeat-x背景图像在横向上平铺repeat-y背景图像在纵向平铺背景位置(position)background-position:length||lengthbackground-position:position||position参数值length百分数|由浮点数字和单位标识符组成的长度值positiontop|center|bottom|left|center|right方位名词背景附着(attachment)背景附着就是解释背景是滚动的还是固定的

background-attachment:scroll|fixed参数作用scroll背景图像是随对象内容滚动fixed背景图像固定背景简写背景透明(CSS3rgba)background:rgba(0,0,0,.3);背景总结属性作用值background-color背景颜色预定义的颜色值/十六进制/RGB代码background-image背景图片url(图片路径)background-repeat是否平铺repeat/no-repeat/repeat-x/repeat-ybackground-position背景位置length/position分别是x和y坐标，切记如果有精确数值单位，则必须按照先X后Y的写法background-attachment背景固定还是滚动scroll/fixed背景简写更简单背景颜色背景图片地址背景平铺背景滚动背景位置;他们没有顺序背景透明让盒子半透明background:rgba(0,0,0,0.3);后面必须是4个值CSS三大特性CSS层叠性所谓层叠性是指多种CSS样式的叠加。

是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉

子标签会继承父标签的某些样式，如文本颜色和字号。

想要设置一个可继承的属性，只需将它应用于父元素即可。

定义CSS样式时，经常出现两个或更多规则应用在同一元素上，此时，

关于CSS权重，我们需要一套计算公式来去计算，这个就是CSSSpecificity（特殊性）

我们经常用交集选择器，后代选择器等，是有多个基础选择器组合而成，那么此时，就会出现权重叠加。

我们修改样式，一定要看该标签有没有被选中。

所谓盒子模型：

就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

border:border-width||border-style||border-color属性作用border-width定义边框粗细，单位是pxborder-style边框的样式border-color边框颜色边框综合设置border:border-width||border-style||border-color/*例如*/border:1pxsolidred;/*没有顺序*/盒子边框写法总结表上边框下边框左边框右边框border-top-style:样式;border-bottom-style:样式;border-left-style:样式;border-right-style:样式;border-top-width:宽度;border-bottom-width:宽度;border-left-width:宽度;border-right-width:宽度;border-top-color:颜色;border-bottom-color:颜色;border-left-color:颜色;border-right-color:颜色;border-top:宽度样式颜色;border-bottom:宽度样式颜色;border-left:宽度样式颜色;border-right:宽度样式颜色;表格的细线边框内边距(padding)padding属性用于设置内边距。是指边框与内容之间的距离。

margin属性用于设置外边距。margin就是控制盒子与盒子之间的距离

margin值的简写（复合写法）代表意思跟padding完全相同。

为了更灵活方便地控制网页中的元素，制作网页时，我们需要将元素的默认内外边距清除

*{ padding:0; margin:0;}外边距合并使用margin定义块元素的垂直外边距时,可能出现外边距的合并。

按照优先使用宽度（width）其次使用内边距（padding）再次外边距（margin）。

width>padding>margin去掉列表默认的样式无序和有序列表前面默认的列表样式,在不同浏览器显示效果不同,所以一般会去掉这些列表样式。

li{ list-style:none;}圆角边框(CSS3)border-radius:length;盒子阴影(CSS3)box-shadow:水平阴影垂直阴影模糊距离(虚实)阴影尺寸(影子大小)阴影颜色内/外阴影值描述h-shadow必需。水平阴影的位置。允许负值。v-shadow必需。垂直阴影的位置。允许负值。blur可选。模糊距离。spread可选。阴影的尺寸。color可选。阴影的颜色。inset可选。将外部阴影(outset)改为内部阴影。浮动(float)CSS布局的三种机制网页布局的核心---就是用CSS来摆放盒子。

CSS提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中：

概念：元素的浮动是指设置了浮动属性的元素会

作用

选择器{ float:属性值;}属性值描述none元素不浮动（默认值）left元素向左浮动right元素向右浮动浮动元素与父盒子的关系浮动元素与兄弟盒子的关系在一个父级盒子中,如果前一个兄弟盒子是:

在CSS中,clear属性用于清除浮动。

语法一:

选择器{ clear:属性值; /*clear清除*/}属性值描述left不允许左侧有浮动元素（清除左侧浮动的影响）right不允许右侧有浮动元素（清除右侧浮动的影响）both同时清除左右两侧浮动的影响语法二(额外标签法):

是W3C推荐的做法是通过在浮动元素末尾添加一个空的标签例如