今日收获：CSS基础

2022-4-13

块标签：div，h1~h6,p,ul,ol,li,nav......

块标签特点：独占一行，默认宽度占满父级，高度为哦，子级内容撑开高度

行标签：span，a,i,b,sub,sup,em,strong......

行标签特点：同排序跟显示，遇父级边界换行;不支持宽高，内容撑开宽高;不支持上下外边距;不正常显示上下内边距;换行被解析

行块标签：img......

行块标签特点：同排序跟显示，遇父级边界换行；没有宽高的时候内容撑开宽高；换行被解析

---

引入方式  ： 外部；  内部；内联（行内样式）

背景

    背景色 background-color
    背景图 background-image：url（）；每个背景图像被明确规定为关键字 none 或是一个 <image> 值。
    none：是一个表示无背景图的关键字
    <image>： 用来标记将要显示的图片. 支持多背景设置，背景之间以逗号隔开.

文本
    字体颜色 color
    字体大小 font-size
    字体样式 font-family
    对齐方式 text-align
    行高 line-height
    首行缩进 text-indent
    字体间距 letter-spacing ； word-spacing
    文本装饰线 text-decoration
    text-decoration-line文本修饰的位置, 如下划线underline，删除线line-through
                               none: 取消已经存在的任何文本装饰。
                               underline: 文本下划线.
                               overline: 文本上划线
                               line-through: 穿过文本的线 strikethrough over the text.（删除线）
    文本修饰的颜色 text-decoration-color
    text-decoration-style 文本修饰的样式, 如波浪线wavy实线solid虚线dashed
    text-decoration-thickness  文本修饰线的粗细
    文本大小写字母 text-transform
        text-transform: capitalize; 这个关键字强制每个单词的首字母转换为大写
        text-transform: uppercase;这个关键字强制所有字符被转换为大写。
        text-transform: lowercase; 这个关键字强制所有字符被转换为小写。
        text-transform: none;这个关键字阻止所有字符的大小写被转换。
        text-transform: full-width; 这个关键字强制字符 — 主要是表意字符和拉丁文字 — 书写进一个方形里，并允许它们按照一般的东亚文字（比如中文或日文）对齐。
    空白符处理 &nbsp
常见选择器
    通配 ：     *
    id ：          #
    class：      .
    标签名    
    后代 
    群组选择器    交集选择器 ： 紧贴    ;    并集选择器 ： 以，隔开 .        
    子代 ：     >