css重要属性

字体大小：font-size
    属性值：设置常规的属性值
        在网页中设置字体大小的常见的单位是像素px
        文本大小在浏览器中默认的大小是16px
        在浏览器中设置最小的字号是12px（由于浏览器厂商较多之间存在差异，规定页面中最小的字体设置为12px）
        可以设置出12px还小的字体，但是不建议设置
        建议设置文本的时候为偶数，尽量不要使用奇数
        前端中除了px单位还有一些常见单位
            %：百分比
            pt：磅 硬件单位，比如打印机
            em：相对单位，相对父级单位，通常在首航缩进中使用
            rem：相对于根元素html进行计算，用于移动端

字体类型：font-family
    属性值：可以是中文也可以是英文
        在浏览器中默认的字体类型是微软雅黑
        中文：当属性属性值 是中文的时候  可以加引号也可以不加引号
        英文：当属性值是英文的时候 英文单词只有一个可以不加引号，有多个必须加引号
注：设置的字体都是当前电脑中已经下载好的字体包

加粗属性：font-weight
    整百数 可设置100-900、600-900表示加粗、100-500表示正常
    bold：加粗的
    bolder：更粗的
    normal：表示正常的,作用清除样式

倾斜属性：font-style
    italic：倾斜
    oblique：更倾斜的
    normal：表示正常的,作用清除样式

文本行高的设置：设置字体在垂直方向上的位置
    属性：line-height
    元素：基于基线对齐
        设置行高等于容器高度，文本在容器垂直方向居中显示
        设置行高大于容器高度，文本会往上移动
    marquee：滚动字幕

简写/复合写法：
    属性：font
    属性值：font-weight font-style font-size/line-height font-family
    font-weight和font-style可以互换位置,没有需求可以不写
    font-size/line-height 不可互换位置
    font-family 必须存在

文本颜色的设置：
    属性：color
        法定的属性值：英文单词
        十六进制：
            #开头
            在#后面有六位字符（0-9 a-f A-F）
            当#后面的六位字符相同的时候可以简写成三个
        rgb/rgba：
            rgb（red，green,blue）取值范围 0-255
            rgba（red，green,blue，alpha）透明度 0-1
        拓展：
            rgba可以给元素颜色设置透明
            opacity 表示透明 0-1
        区别：前者只能给一个设置，后者可以给所有设置

文本水平对齐方式：text-align
    属性值：
        left-right：左右
        center：居中
        justify：两端对齐

首行缩进属性：text-indent
    属性值：
        只针对于第一行文本有作用,属性值可以设置正数还可以设置负数
字间距 中文汉字 letter-spacing
词间距 英文单词 word-spacing

列表属性和使用：
    无序和有序列表都有默认的符号样式，符号样式可以进行修改或者是设置成小图标

定义列表符号样式：
    属性list-style-type
    属性值：disc（实心圆）circle(空心圆) square(实心方块) none(去掉列表符号)

设置图片作为列表符号样式：
    属性：list-style-image
    属性值：url（）

定义符号列表的位置：
    属性：list-style-position
    属性值：inside里边、outside默认值外边。
    注：设置清除浏览器默认间距会把默认的符号清除掉

简写列表属性：
    属性：list-style
    属性值:none 清除样式

边框属性的使用：在浏览器中要显示一个盒子需要的条件是背景颜色或者是边框
    边框属性的使用：在浏览器中要显示一个盒子需要的条件是背景颜色或者是边框
    边框的颜色：border-color
    边框的样式：border-style：solid实线 dashed虚线 dotted点线 double双实线
    边框的宽度：border-width
注：边框默认是四个方向都是一样的

简写方法：
    属性：border
    属性值：border-width border-style border-color

拓展：
    1.修改顶部边框的宽度：border-top-width
    2.修改右侧边框的样式：border-right-style
    3.修改底部边框的颜色：border-bottom-color
    4.修改左侧边框全部：border-left
    5.清除默认的边框样式：border：none/0
    比如：input、textarea、select。

盒模型的组成部分:content padding border margin
关于盒子模型中的计算方式：
    盒子内容大小是 content
    盒子自身大小是 content+border+padding
    盒子真实大小是 content+border+padding+margin

背景颜色：
    属性：background-color/background
    属性值：英文单词、十六进制等

背景图片：
    属性：background-image
    属性值：url（）
        当容器大于图片宽高的时候：图片默认平铺
        当容器等于图片宽高的时候：图片默认占满
        当容器小于图片宽高的时候：图片默认显示一部分
    注：
        使用img结构导入图片，图片有自己的大小，图片默认显示一张，结构占位置
        使用背景图片导入，图片需要容器宽高支持，图片默认是进行平铺的，css样式不占位置
    平铺属性：
        属性：backgorund-repeat
        属性值：
            repeat 平铺
            no-repeat 不进行平铺
            repeat-x 水平平铺
            repeat-y 垂直平铺

    背景定位属性：
        属性：background-position
            -x left、right、center
            -y top、bottom、center
    
    背景固定属性：
        属性：background-attachmen
        属性值：scroll默认滚动、fixed固定
    
    简写方法：
        属性：background
        属性值：颜色 图片 平铺 定位 固定