<!--1厦滤，猖凛。文字大小
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
a{
/*一般開始都把所有a標(biāo)簽的下劃線去掉 */
text-decoration: none;
}
/*-----------背景相關(guān)---------- */
#d1{
height: 300px;
/* 1.背景圖
注意：如果背景圖大于盒子的大小困介，背景圖能顯示多少就顯示多少
如果背景圖小于盒子的大小列吼，就會平鋪（重復(fù)顯示）*/
background-image: url(img/bg.png);
/* 2.是否平鋪（重復(fù)）*/
background-repeat:no-repeat ;
/* 3.背景圖的固定*/
background-attachment: scroll;
/* 4.設(shè)置背景圖的位置
background-position: x y
x: left/center/right/坐標(biāo)值
y: top/cenetr/bottom/坐標(biāo)值
*/
/* background-position: 100px 100px; */
background-position: center;
/* 5.同時設(shè)值
background: 圖片地址 是否重復(fù) x y
background: 圖片地址 是否重復(fù) x y 背景顏色*/
/* background: url(img/icon.ico) no-repeat 100px 100px ; */
}
/*-----------列表相關(guān)---------- */
/* 選擇器為列表/li都可以*/
ui{
/* 1.設(shè)置符號樣式
disc(實心圓)/circle(空心圓)/square(實心方塊)/none(去掉列表符號)*/
list-style-type: none;
/* 2.設(shè)置圖片的符號*/
list-style-image: url(img/icon.ico);
/* 3.設(shè)置符號的位置
outside(li標(biāo)簽的外邊)教馆，inside(在li標(biāo)簽的里面)*/
list-style-position: outside;
}
/*扮超。贫途。吧彪。。丢早。文字相關(guān)姨裸。。怨酝。傀缩。。 */
p{
/*1.文字大小 */
font-size: 20px;
/*2.字體顏色 */
color: bisque;
/*3.設(shè)置字體名 */
font-family: "book antiqua";
/* 4.設(shè)置字體的粗細(xì)*/
/* 取值100-900 normal*/
font-weight: normal;
/* 5.傾斜*/
font-style: italic;
/* 6.內(nèi)容對齊方式*/
/* center left right*/
text-align: center;
/* 7.設(shè)置行高(一行的高速)
當(dāng)文字只有一行的時候設(shè)置行高和標(biāo)簽的高度一樣农猬，可以讓文字垂直居中
*/
background-color: darksalmon;
/* height: 100px; */
line-height: 40px;
/* 8.文本修飾*/
/*
none ：去掉修飾
underline ：添加下劃線
line-through: 添加刪除線
overline: 添加上劃線
*/
text-decoration: none;
/* 9.首行縮進(jìn)
注意單位是 em -空格*/
text-indent: 2em;
/* 10.字間距*/
letter-spacing: 10px;
}
</style>
</head>
<body>
<div id="d1">
</div>
<Ui>
<li>python</li>
<li>java</li>
<li>h5</li>
<li>c</li>
</Ui>
<p>
lalalalalal<br>allalalalalal<br>lalalalalallalal<br>allalallalallalalal
</p>
</body>
</html>
image.png
