Day22-CSS简单标签

<style type="text/css">
            /*------背景相关------*/
            #d1{
                height: 300px;
                /*背景图
                 如果背景图大于盒子的大小，背景图能显示多少就显示多少
                 如果背景图小于盒子的大小，就会平铺（重复显示）*/
                background-image: url(img/logo.png);
                /*是否平铺*/
                background-repeat: no-repeat;
                /*背景图固定*/
                /*background-attachment: scroll;*/
                /*设置背景图的位置
                 background-position:x y
                 x: left/center/right/坐标值
                 y: top/center/bottom/坐标值*/
                background-position: center;
                /*同时设置值
                 background：图片地址 是否重复 x y
                 background：图片地址 是否重复 x y 背景颜色*/
                background: url(img/icon.ico) no-repeat center top chartreuse;
            }
            
            /*------列表相关------*/
            ul{
                /*设置符号样式*/
                /*disc(实心圆)circle(空心圆)square(实心方块)none(去掉列表符号)*/
                list-style-type: disc;
                /*设置图片样式*/
                list-style-image: url(img/icon.ico);
                /*设置符号的位置*/
                list-style-position: outside;
                
            }
            
            
            /*------文字相关------*/
            p{
                /*文字大小*/
                font-size: 20px;
                /*文字颜色*/
                color: aquamarine;
                /*设置字体名*/
                font-family: "微软雅黑";
                /*设置字体粗细*/
                /*取值：100-900，normal，bold，bolder*/
                font-weight: 900;
                /*字体倾斜*/
                font-style: italic;
                /*内容的对齐方式*/
                /*center，left，right*/
                text-align: center;
                
                background-color: yellow;
                /*设置行高
                 文字一行的高度（当文字只有一行的时候设置行高和标签的高度一样）*/
                height: 500px;
                line-height: 40px;
                /*文字修饰
                 none：去掉文字修饰
                 underline：添加下划线
                 line-through：添加删除线
                 overline：添加上划线*/
                text-decoration: underline;
                /*首行缩进
                 单位是em -- 空格*/
                text-indent: ;
                
                
            }
        </style>