HTML笔记day4

overflow

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

        值：hidden 超出部分隐藏

                scroll   滚动查看超出部分

                auto    自动渲染

2.white-spase属性 设置文本格式

        nowrap 强制不换行

        normal  换行

3.text-overflow：对超出的文本的内容剪裁

        ellipsis： 超出的内容变成省略号

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

单行文本超出添加省略号

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

font-style 设置字体样式

值：

        italic 设置字体为斜体

        normal 字体正常

font-weight 设置字体的粗细程度

值：

        normal    默认                400

        bold        加粗                700

        boleder   加粗的bold     900

他们的值也可以是具体的整百数值，范围是100-900

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

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

        2.pc端浏览器所能接受的最小字体是12px

font-family 设置文字字体

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

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

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

        通用字体

                a.  serif 有衬线（类似锐化）

                b.  sans-serif 无衬线

font 也是一个复合型css属性 可以直接按照下面的顺序书写

font：style weight size family；

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

font-size和font-family

        font:size family;

背景

background 设置标签元素背景

        background-color设置背景色

                他得值可以是

                        ①.英文单词

                        ②.16进制表示颜色

                        ③.rgb（）表示颜色

background-image 设置背景图

        background-img: url(背景图地址);

background-repeat       

值：      

        repeat 默认，x轴y轴都平铺

        repeat-x  沿x轴平铺

        repeat-y  沿y轴平铺

        no-repeat 不平铺

background-position  设置背景图定位

        background-position：x轴方向上的值 y轴方向上的值；

        值可以是

                1.具体的数值

                2.方位名词组合

                        left top right bottom center

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

        值：

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

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

background是一个复合型属性，可以写在一起，他的顺序是

        background：color image repeat position attachment；