08.CSS

CSS段落样式
    text-decoration:文本装饰
        下划线:underline
        删除线:line-through
        上划线:overline
        不添加任何装饰:none
        注:添加多个文本装饰:line-through underline overline
    
    text-transform:文本大小写(针对英文段落)
        小写:lowercase
        大写:uppercase
        只针对首字母大写:capitalize
    
    text-indent:文本缩进
        首行缩进
        em单位:相对单位,1em永远跟字体大小相同
    text-align:文本对齐方式
        对齐方式:left、center、right、justify(两端对齐)
    line-height:定义行高
        定义:一行文字的高度,上边距和下边距的等价关系
        默认:默认行高,不是固定值,而是变化的。根据当前文字的大小再不断的变化
        取值: px         比例值
    letter-spacing:字间距
    word-spacing:词间距
    
    强制折行:(针对英文和数字)
        1.word-break:break-all
        2.word-wrap:break-word
    
CSS复合样式
    复合的写法是通过空格的方式实现的
    1.background:red  url() repeat 0 0;
    2.border: 1px red soild
    3.font: 
        注:最少要有两个值 size family
        weight style size family √
        style weight size family √

    注:尽量不混写,一定先写复合再写单一

CSS选择器
    ID选择器
        #elem{}     id=”elem“   字母、下划线、中划线(第一位不能是字母)
        小驼峰写法
    CLASS选择器
        CSS:.elem{}   html:class=”elem“
        注:1.class选择器可以重复利用
            2.可以添加多个class样式
            3.多个样式的时候,样式的优先级根据css决定,而不是class属性中的顺序
            4.标签+类的写法
    标签选择器(TAG选择器)
        div{}     <div>
        使用场景:
            1.去掉某些标签的默认样式时
            2.复杂的选择器中,如 层次选择器
    群组选择器
            div,p,span{}
    通配选择器
            *{}-》div,ul,

猜你喜欢

转载自www.cnblogs.com/2527lin/p/12416822.html
08