一些基础的东西——css篇

id选择器只能调用一次，不得重复；类选择器可多次调用。

font-family属性

        各个字体之间用英文逗号隔开

        字体名称是多个单词或中文的，加引号

font复合属性

        font：font-style font-weight font-size/line-height font-family

text-decoration文本装饰

        none：默认（没有装饰值）

        underline：下划线（链接a自带下划线）

        overline：上划线

        line-delete：删除线

text-indent文本缩进

        单位是px或者em

链接伪类选择器：（要按照下方顺序进行声明）

        a:link -->选择未访问过的链接

        a:visited -->选择访问过的链接

        a:hover -->选择鼠标经过的链接

        a:active -->选择鼠标按下且还未弹起的链接

:focus伪类选择器（一般在input类表单元素才能获取）

        input:focus -->选取获得焦点的表单元素

background-repeat：背景平铺

        repeat：在横向纵向上都平铺（默认）

        no-repeat：背景图片不平铺

        repeat-x：背景图片横向平铺

        repeat-y：背景图片纵向平铺

background-position：背景位置

        参数是方位名词（top、bottom、left、right）

                1.两个参数都是方位名词，前后顺序无关

                2.只指定了一个方位名词，则第二个值默认center

background：背景颜色 图片地址 背景平铺 图像滚动 图片位置

清除浮动

        额外标签：在最后一个浮动的盒子后加上<div style="clear:both"></div>或<br />

                        注，新加上的标签必须是块级标签

        父元素overflow：在父元素加上overflow：hidden

        :after伪元素法：在父元素上添加

.box:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.box { /* IE7、8专有 */
    *zoom: 1;
}

overflow：对溢出部分进行处理

        hidden：溢出部分隐藏

        visible：溢出部分显示

        auto：超出会出现滚动条

        scroll：显示滚动条

可以对x轴和y轴进行不同的操作：overflow-x、overflow-y

.box:hover  .son

        指的是当鼠标经过box盒子时，son盒子做出反应

cursor：鼠标样式

        在对象盒子的css上加上cursor：pointer；

        属性：

                pointer：小手

                default：小白，默认

                move：移动

                text：文本

                not-allowed：禁止 

单行文字溢出用省略号表示

        1、禁止文字自动换行

                white-space：nowrap（默认自动换行normal）

        2、将溢出部分隐藏

                overflow：hidden

        3、文字溢出时用省略号表示

                text-overflow：ellipsis 

旋转中心点设置：trantransform-origin