CSS内外边距，背景属性，浮动和清除，行块元素的转化，滚动条属性

CSS内边距属性padding和外边距属性margin

    padding:10px;表示4个方向的内边距都为10px。

    padding:10px 20px;表示上下内边距为10px，左右为20px。auto浏览器自动识别，左右边距相等或上下相等。

    padding:10px 20px 30px;表示上内边距为10px，左右为20px，下为30px。

    padding:10px 20px 30px 40px;表示上，右，下，左的内边距分别为10px，20px，30px，40px。

    padding-top，padding-right，padding-bottom，padding-left，设置一个方向的内边距

    外边距属性margin和padding属性一样

CSS背景属性

    background-color，背景颜色

    background-image:url图片路径，背景图

    background-repeat，平铺方式，no-repeat不平铺只有一张图片，repeat-x水平方向铺满，repeat-y，垂直方向铺满

    background-position，调整背景图片的位置，左left，中center，上top，下bottom，右right，或者组合如，上右，上左等，两个方向要用空格隔开，还可以用像素来精确的调整背景图的位置，负的像素是把图片往左上移动。

    background-attachment，图片是否固定，固定fixed（当滚动网页时背景图不动）

    背景的属性值可以写在一起，如：background:url(tupian.png) no-repeat -10px -20px fixed;(属性值用空格隔开)。表示插入一张名为tupian.png的图片平铺方式为不平铺往左移动10px往上移动20px图片固定。

CSS浮动和清除

    float:left，向左浮动

    float:right，向右浮动，只有这两个属性值。

    clear:left，清除左边的浮动

    clear:right，清除右边的浮动

    clear:both，清除左右的浮动，一般都用这个

    浮动元素比普通元素高级，一般用于（div+css）排版

    浮动元素是块状元素，会把行内元素变为块状元素，在行元素内加入display:block会把行元素变为块元素

    块状元素有宽高属性，行元素则没有

   凡是设置了浮动属性之后，一定要清除浮动，一般在具有浮动属性之后用一个空的div来清除

    如:<div stytle="clear:both"></div>

行块元素转化

    display:block，就是将元素显示为块级元素。

    display:inline，就是将元素显示为行内元素。

    display:inline-block，将元素显示为行内块状元素，设置该属性后，其他的行内块级元素会排列在同一行。比如我们li元素一个inline-block，使其既有block的宽度高度特性，又有inline的同行特性，在同一行内有不同高度内容的元素时，通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。

    display:none，隐藏对象以及对像内容。

滚动条属性overflow

    overflow: 属性规定当内容溢出元素框时发生的事情。

    overflow:visible， 默认值。内容超过了，则会呈现在元素框之外。
    overflow:hidden ，内容超过了，则超过的内容是不可见的。
    overflow:scroll， 不管内容多少，都会显示滚动条。
    overflow:auto ，内容超过了，则浏览器会显示滚动条以便查看其余的内容。
    overflow:inherit 规定应该从父元素继承 overflow 属性的值。（暂时不用懂）