Day04

01、overflow 属性

处理子级内容超出当前 容器 的部分，主要是对父级元素添加该属性

        值：

        hidden 隐藏超出部分

        scroll 滚动查看超出的部分

        auto 自动渲染超出的部分

overflow-x ：控制x轴方向的超出部分

overflow-y ：控制y轴方向超出的部分

white-space 属性：设置文本的格式

        nowrap 强制不换行

        normal 强制换行

text-overflow : 对超出的文本内容进行剪裁

        ellipsis 超出的内容变为省略号

        clip 直接裁掉超出的文本内容

单行文本超出添加省略号

        overflow:hidden;

        white-space:nowrap;

        text-overflow: ellipsis

02、字体设置

font-style 设置字体的样式

        值：

        italic 设置字体为斜体

        normal 设置字体正常

        font-weight 设置字体是否加粗

        值：

        normal 默认

        bold 加粗

        bolder 相对bold加粗

它的值也可以是具体的整百数字，范围是 100 ~ 900

        400 -> normal

        700 -> bold

        900 -> bolder

font-size 设置所修饰字体的大小

        1.目前 PC端 浏览器默认字体大小是 16px

        2. PC端 浏览器能设置的最小字体大小是 12px

font-family 设置字体样式

        可以同时设置多个字体，形如：

        font-family:'A','B','C'...;

含义是 在客户端的设备上匹配 A字体，如果没有A字体，则继续匹配B字体，依次进行匹配，直到匹配成功即可显示匹配到的字体

通用字体

        1.serif 有衬线（类似于锐化）

        2.sans-serif 无衬线

font 也是一个 复合型 css属性

        可以直接按照下面的顺序书写

        font:style weight size family;

注意！style 和 weight 不是必须写入的内容，如果简写必须要有 font-size 和 font-family

        font:size famliy;

04、背景

background 设置标签元素的背景

        background-color 设置背景色

                它的值可以是

                        1.英文单词

                        2.16进制表示颜色

                        3. rgb（） 表示颜色

        background-image 设置背景图

                background-image:url（'背景图地址'）

                background-repeat 背景图的平铺方式

                值:

                        repeat 默认，x轴y轴都平铺

                        repeat-x 沿x轴平铺        

                        repeat-y 沿y轴平铺        

                        no-repeat 不平铺

        background-position: x轴方向的值 y轴方向的值;

                值:

                1.具体的数值

                2.方位名词组合

                        top bottom left right center    

        background-attachment 设置背景图的固定定位

                值:

                scroll 默认值，背景图片跟着页面一起滚动

                fixed 根据浏览器可视区域，固定在具体的位置，他的定位参考点是 浏览器可视区域

        background:color image repeat positio attachment;

        可以单独写

                background:color;

                background:image;

06、display

隐藏一个标签元素

display:none;

display 属性，可以用来控制标签元素的显示属性

        值:

                block 把标签元素转化为块属性标签

                inline 把标签元素转化为行属性标签

                none 隐藏标签元素