CSS网页布局必备之基础知识

CSS网页布局必备之基础知识

一、可设置的CSS属性包括：字体属性、文本属性、颜色及背景属性、边框属性、容器属性（边距属性、填充属性）、分类属性、鼠标属性。

　　二、基础属性

字体属性：font-family font-style font-variant font-weight font-size
文本属性：word-spacing letter-spacing text-decoration vertical-align text-transform
　　　　　text-align text-indent line-height
颜色背景属性：color background(background-color background-image background-repeat
　　　　　　　background-attachment background-position)
边框属性：border(border-top border-right border-bottom border-left)(border-width
　　　　　border-style border-color)
容器属性：margin padding width height float clear
分类属性：display white-space list-style-type list-style-image list-style-position
　　　　　list-style
鼠标属性：auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize
　　　　　sw-resize s-resize w-resize text wait help

　　三、CSS布局
　 　CSS盒模型的理解对于CSS布局有很大帮助，每个元素都有一个元素盒。HTML布局通常使用div+CSS，将网页分为很多方块，每个方块和整个总体 都可以各用一个div容纳，然后用CSS对各个div进行布局。常用布局属性包 括：margin padding float clear top right buttom left z-index position。