1.背景圖
- 如果背景圖大于盒子的大小恭取,背景圖能顯示多少,就顯示多少
- 如果背景圖小于盒子的大小通危,就會(huì)平鋪(重復(fù)顯示)
background-image: url(img/logo.png);
2.是否平鋪
background-repeat:no-repeat ;
3.設(shè)置背景圖的位置
- background-position: x y;
- x: left/center/right/坐標(biāo)值
- y: top/center/bottom/坐標(biāo)值*
background-position: center;
4.同時(shí)設(shè)置
- background:圖片地址 是否重復(fù) x y
- background:圖片地址 是否重復(fù) x y 背景顏色
background: url(img/l-icon.png) no-repeat 100px 100px black;
列表相關(guān)
ul{
/*1.設(shè)置符號(hào)樣式
* disc(實(shí)心圓)/circle(空心圓)/square(實(shí)心方塊)/none(去掉列表符號(hào))
*/
list-style-type: none;
/*2.設(shè)置圖片的符號(hào)*/
list-style-image: url(img/icon.ico);
/*3.設(shè)置符號(hào)的位置*
* outside(li標(biāo)簽的外邊)
*inside(li標(biāo)簽的里邊)/
list-style-position: outside;
}
文字相關(guān)
p{
/*1.設(shè)置字體大小*/
font-size: 20px;
/*2.設(shè)置字體顏色*/
color: goldenrod;
/*3.設(shè)置字體名*/
font-family: "微軟雅黑";
/*4.設(shè)置字體粗細(xì)*/
/*取值:100--900,normal,bold,bolder*/
font-weight: bolder;
/*5.字體傾斜*/
font-style: italic;
/*6.內(nèi)容對(duì)齊方式*/
/*center,left,right*/
text-align: left;
background-color: aqua;
/*7.設(shè)置行高*/
/*文字一行的高度(當(dāng)文字只有一行的時(shí)候設(shè)置行高和標(biāo)簽的高度一樣铸豁,可以讓文字垂直居中)*/
height: 400px;
line-height: 40px;
/*8.文字修飾*/
/*
* none:去掉文字修飾
* underline:添加下劃線
* line-through:添加刪除線
* overline:添加上劃線
*/
text-decoration: overline;
/*9.首行縮進(jìn)*/
text-indent: 4em;
/*10.字間距*/
letter-spacing: 1px;
}
<ul>
<li>Python</li>
<li>H5</li>
<li>Java</li>
<li>測(cè)試</li>
</ul>
<p>
陶淵明(352或365年—427年),字元亮菊碟,又名潛节芥,私謚“靖節(jié)”,世稱靖節(jié)先生逆害,潯陽(yáng)柴桑(今江西省九江市)人藏古。<br />
東晉末至南朝宋初期偉大的詩(shī)人、辭賦家忍燥。<br />
曾任江州祭酒、建威參軍隙姿、鎮(zhèn)軍參軍梅垄、彭澤縣令等職,最末一次出仕為彭澤縣令输玷,八十多天便棄職而去队丝,從此歸隱田園。<br />
他是中國(guó)第一位田園詩(shī)人欲鹏,被稱為“古今隱逸詩(shī)人之宗”机久,有《陶淵明集》。
</p>