1.字屬性
1)設(shè)置文字大胁埂：
font-size
2)設(shè)置文字顏色：
color
3)設(shè)置字體名：
font-family
4)設(shè)置字體粗細：
font-weight (取值：100-900)
5)設(shè)置傾斜：
font-style(italic文字傾斜)
6)內(nèi)容對齊方式：
text-align:(center,left,right)
7)設(shè)置行高：
line-height:(文字一行的高度潜必，文字只要一行尝偎，設(shè)置高和標(biāo)簽的高度相同鸽斟，可以讓文字居中)
8）簡寫：
font:字號 行高 字體；
9）文字修飾：
text-decoration:(none:去掉文字修飾雪情，under-line:添加下劃線，line-through：添加刪除線你辣，over-line：添加上劃線)
10）首行縮進：
text-indent:4em(單位：em,空格的意思)
11)字間距:
letter-spacing:1px
2.列表屬性
1)設(shè)置符號樣式：
list-style-type:(disc(實心圓)circle(空心圓)square(實心方塊)none(去掉列表符號))
2)設(shè)置圖片的符號：
list-style-image:(url(路徑))
3）設(shè)置符合的位置：
list-style-position:(inside--在li標(biāo)簽的里面outside--在li標(biāo)簽的外面)
3.背景
1)背景圖：background-image:url(路徑)
如果背景圖大于盒子大小巡通，背景圖能顯示多少就顯示多少
如果背景圖小于盒子大小，背景圖就會平鋪(重復(fù)顯示)
2）是否平鋪
background-repeat:(不平鋪：no-repeat):
3)背景圖固定(不常用)
background-attachment:(固定：local 滾動：scroll)
4)設(shè)置背景圖位置
background-position:(x：left/center/right/數(shù)值 y:top/center/bottom/數(shù)值)
x舍哄，y的順序可以改變
5)簡寫：background:url(路徑) no-repeat(是否平鋪) x y(圖片位置)
background:url(路徑) no-repeat(是否平鋪) x y(圖片位置) 背景顏色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
p{
/*文字大小*/
font-size: 20px;
/*文字顏色*/
color: red;
/*設(shè)置字體名*/
font-family: "微軟雅黑";
/*設(shè)置字體粗細*/
font-weight: 400;
/*設(shè)置傾斜*/
font-style: initial;
/*內(nèi)容對齊方式*/
text-align:left;
/*首行縮進*/
text-indent: 2em;
/*字間距*/
letter-spacing: 0px;
}
/*============列表===============*/
ul{
}
li{
/*list-style-type: square;*/
list-style-image: url(img/icon.ico);
background-color: red;
float: left;
list-style-position: inside;
}
#d1{
height: 300px;
background-image: url(img/logo.png);
/*background-repeat: no-repeat;
background-position:center top;
background-attachment: local;
background-color: red;*/
background: url(img/logo.png) no-repeat center white;
}
</style>
</head>
<body>
<div id="d1">
<!--<img src="img/logo.png" style="width: 100%;height: 300px;"/>-->
</div>
<ul>
<li>abc</li>
<li>123</li>
<li>hello</li>
<li>yes</li>
</ul>
<div id="">
<p>
的健身房搜集第三季度孤苦伶仃健康的將管理卡視角國際大酒按揭房老師就給來說簡單
空格鍵了圣誕節(jié)噶監(jiān)督管理局點擊點擊罰款店高科技的數(shù)量快捷方式離開
</p>
</div>
</body>
</html>
