CSS总结

标签：

1.盒模式 1)补白padding（上、右、下、左）

            2)边框border (border_style 、border_color、 border_width)

            3)边界margin

2.布局排版元素  1)漂移：float（脱离标准流，且在标准流之上）

                      2)处理重叠：clear:right;（元素的哪一边不允许出现浮动元素）详见：http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html

                      3)胶凝状态：margin-left:auto; margin-right:auto;(使该div居中对齐）

                      4)固定布局：position:fixed;(不随滑动条移动，相对于浏览器窗口进行定位）

                      5)绝对布局: position:absolute;（相对最近的父元素进行定位，在正常文本流中的位置不存在）

                      6)相对布局: position:relative;（相对于其static正常的位置进行定位，在文本流中的位置依然存在）

3.字体和颜色样式：

font-family(字体）

font-size（字体大小）：150%、1.5em、small、medium

color（字体颜色）

font-weight（字体粗细）:lighter、normal、bold、bolder

text-decoration（划线）:underline、overline、line-through

font-style（字体样式）:italia(斜）、oblique(右倾斜）

4.背景图片

background-image:url(...);

background-repeat:(no-repeat,repeat-x,repeat-y,inherit)

background-position:top left;

5.多样式表引用 <link type="text/css" media="screen"/> screen(PC端） print(打印机） handheld（手机）

6.常用元素

line-height:文本行间距；

text-align:文本对齐方式；

letter-spacing:设置字母之间的间距；

border-spacing:表格单元边框间距； border-left、border-right、border-up、border-down（单边框）；

CSS总结

标签：

原文地址：http://www.cnblogs.com/duanyiyi/p/4418863.html