排错 文本属性 背景

1. 排错技巧:

(1) 控制台有选择器

如果出现了黄色的警告符,代表你的属性名或者属性值书写错误

(2) 控制台没有选择器:

如果是外链式引入,那么首先检查路径是否正确

检查选择器使用是否正确,选择器名称单词是否正确

2. 文本属性:

 text-align:left | right | center; 

        做用:实现文本水平对齐的方式

        注意:只有块级元素才能够生效奥

    text-indent:2em;

        作用:实现文本的缩进

    vertical-align: top | middle | bottom;

        使用场景: 解决图片底部3像素问题

    text-overflow:ellipsis;

        注意:使用时,必须有3者一起结合使用

            单行文本超出显示省略号

            white-space: nowrap;/* 不允许换行 */

            overflow:hidden;/* 超出隐藏 */

            text-overflow: ellipsis; /*显示省略号*/

    text-shadow:10px 10px 10px red;

               水平   垂直 模糊度 颜色

3. 背景相关

    background-color  --  设置背景颜色

    background-image:url()  --  设置背景图

    background-repeat:repeat | no-repeat | repeat-x | repeat-y;  --  设置背景图是否平铺

    background-position:left top | 10px 30px | 50% 50%;  --  设置背景图位置

    复合属性写法:

        background:color image repeat position;