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>
