css 样式表 基础 样式

1大小

　　width  宽度

　　height 高度

2 背景

　　background-color 背景色

　　background-image:url(图片位置) 背景图片

　　background-repeat；  背景图片的平铺方式

　　background-position  背景图片的位置

　　background-attachment  设置背景图片是否滚动

　　background-sizi  设置图片大小

3字体

　　font-family 字体样式

　　font-sizi 字体大小12px-16px

　　font-style :italic倾斜

　　font-weight :bold  加粗

　　text-decoration  :underline  下划线

　　color   颜色

4 对齐方式

　　text-align  水平对齐

　　vertical-align垂直对齐配合display:table-cell

　　line-height 行高

　　text-indent 缩进单位字符

5边界边框

　　magin  外边距

　　padding  内边距  上又下左  默认为0   加内边距会变大

　　border  边框   3个要素  粗细 样式颜色

6 列表方块

　　list-style : none 将列表前面的序号去掉

　　list-style-image:   可以将前面的序号换成图片

7 其他

　　隐藏(用户看不到,不占位置)：            diaplay:none;

　　显示（用户能看到）：         display:block;

　　div宽度等于文字宽度：       display:inline-block;

　　z-index分层：                     z-index:5555;                  （数值越大的，越靠上）

　　opacity:0.5;  -moz-opacity:0.5;   filter:alpha(opacity=50)  数值越小，透明度越大

　　border-radius:5px;   圆角

　　box-shadow:0 0 5px white;   阴影

 

8 定位

相对定位（占位置）：position:relative;使元素作为常规元素出现，并且使position:absolute;在其中定位。用top/bottom/left/right来改变位置时，占据其他元素位置。

绝对定位（不占位置）：position:absolute;单独使用后浮动，top/bottom/left/right来改变位置时，不占据其他元素位置。

固定在浏览器某个位置：position:fixed;