Day4 其他简单的css属性

1.背景图

• 如果背景图大于盒子的大小，背景图能显示多少，就显示多少
• 如果背景图小于盒子的大小，就会平铺(重复显示)

background-image: url(img/logo.png);

2.是否平铺

background-repeat:no-repeat ;

3.设置背景图的位置

• background-position: x y;
• x: left/center/right/坐标值
• y: top/center/bottom/坐标值*

background-position: center;

4.同时设置

• background：图片地址 是否重复 x y
• background：图片地址 是否重复 x y 背景颜色

background: url(img/l-icon.png) no-repeat 100px  100px black;

列表相关

ul{
                /*1.设置符号样式
                 * disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉列表符号)
                 */
                list-style-type: none;
                
                /*2.设置图片的符号*/
                list-style-image: url(img/icon.ico);
                
                /*3.设置符号的位置*
                 * outside(li标签的外边)
                 *inside(li标签的里边)/
                
                list-style-position: outside;
            }

文字相关

p{
                /*1.设置字体大小*/
                font-size: 20px;
                
                /*2.设置字体颜色*/
                color: goldenrod;
                
                /*3.设置字体名*/
                font-family: "微软雅黑";
                
                /*4.设置字体粗细*/
                /*取值：100--900,normal,bold,bolder*/
                font-weight: bolder;
                
                /*5.字体倾斜*/
                font-style: italic;
                
                /*6.内容对齐方式*/
                /*center,left,right*/
                text-align: left;
                
                background-color: aqua;
                
                /*7.设置行高*/
                /*文字一行的高度(当文字只有一行的时候设置行高和标签的高度一样，可以让文字垂直居中)*/
                height: 400px;
                line-height: 40px;
                
                /*8.文字修饰*/
                
                /*
                 * none：去掉文字修饰
                 * underline：添加下划线
                 * line-through：添加删除线
                 * overline：添加上划线
                 */
                
                text-decoration: overline;
                
                /*9.首行缩进*/
                text-indent: 4em;
                
                /*10.字间距*/
                letter-spacing: 1px;
            }

<ul>
            <li>Python</li>
            <li>H5</li>
            <li>Java</li>
            <li>测试</li>
        </ul>
        
        
        <p>
            陶渊明（352或365年—427年），字元亮，又名潜，私谥“靖节”，世称靖节先生，浔阳柴桑（今江西省九江市）人。<br />
            东晋末至南朝宋初期伟大的诗人、辞赋家。<br />
            曾任江州祭酒、建威参军、镇军参军、彭泽县令等职，最末一次出仕为彭泽县令，八十多天便弃职而去，从此归隐田园。<br />
            他是中国第一位田园诗人，被称为“古今隐逸诗人之宗”，有《陶渊明集》。
        </p>