阅读背景:

WEBBASE篇: 第六篇, CSS知识4

来源:互联网 

 CSS 

1、框模型
    1、内边距
        属性:
            padding:value;
            padding-top / right / bottom / left:value;
    2、box-sizing
        作用:指定框模型的计算方式
        取值:
            1、content-box
                width 和 height 只表示内容区域的尺寸
            2、border-box
                width 和 height 会包含 内容区域的尺寸,内边距 以及 边框的宽度
2、背景属性
    1、背景颜色:background-color
    2、背景图片:background-image
    3、背景平铺:background-repeat
    4、背景尺寸:background-size
    5、背景位置:background-position
    6、背景属性:
        属性:background
        取值:color url repeat position
3、文本格式化
    1、字体属性
        1、指定字体:font-family
        2、字体大小:font-size
        3、字体加粗:font-weight : normal / bold / v
        4、字体样式:font-style:normal/italic
        5、小型大写字符:font-variant:normal/small-caps
        6、字体属性
            font:style variant weight size family;
            注意:family的值必须要指定

    2、文本属性
        1、文本颜色 :color
        2、文本排列方式
            属性:text-align
            取值:left / center / right / justify
        3、文本修饰
            属性:text-decoration
            取值:none / underline / line-throught / overline
        4、行高
            属性:line-height
            取值:px / 无单位的数值
        5、首行文本缩进
            属性:text-indent
        6、文本阴影
            属性:text-shadow
            取值:h-shadow v-shadow blur color
4、表格
    特有属性:
        1、边框合并
            属性:border-collapse
            取值:separate / collapse
        2、边框边距
            属性:border-spacing
            取值:
                取值为1个数字 :水平和垂直间距相同
                取值为2个数字 :
                    第1个数字 :水平间距
                    第2个数字 :垂直间距
            注意:只有在border-collapse的值为separate时才有效
5、过渡
    1、属性
        1、指定过渡属性
            属性:transition-property
            取值:属性名称
        2、指定过渡时长
            属性:transition-duration
            取值:以 s 或 ms 为单位
        3、指定速度时间曲线函数
            属性:transition-timing-function
            取值:
                ease / linear / ease-in / ease-out / ease-in-out
        4、指定过渡延迟
            属性:transition-delay
            取值:以 s 或 ms 为单位的数值1、框模型
    1、内边距
        属性:
 



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: