1、了解html標(biāo)簽
html標(biāo)簽的結(jié)構(gòu)：
開(kāi)始標(biāo)簽<body>
</body>結(jié)束表
2、常用的html標(biāo)簽
div：盒子標(biāo)簽；
h1-h6:標(biāo)題標(biāo)簽；
p:段落標(biāo)簽；
img：圖片標(biāo)簽；
input：輸入框標(biāo)簽；
button：按鈕標(biāo)簽；
ul:無(wú)序列表
li：列表描述
<ul>
<li><li>
<li><li>
</ul>
dl:定義標(biāo)簽
dt、dd：定義描述
<dl>
<dt><dt>
<dd><dd>
<dl>
3、常用的css樣式
background-color：背景顏色；
color：字體顏色；
width：寬度；
height：高度；
line-height：行高；
text-aline：文本對(duì)齊方向；
background-image:背景圖片
border-width：邊框的寬度；
border-style：邊框的樣式；
border-color：邊框的顏色；
border—radius：邊框圓角
p:hover{color:blue}
//當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí)可以改變?cè)氐腸ss樣式
4、css常用選擇器
5.1 css元素選擇器
p{}
5.2 class選擇器
.test{}
5.3 id選擇器
#two{}
//HTML
<p class=”one” id=”two”>hello world</p>
//css
//元素選擇器
p{}
//class選擇器
.test{}
//id選擇器
#two{}
5.4偽類(lèi)選擇器
//p:hover
5、盒子模型
image.png
6.1元素居中：
margin-left：auto；
margin-right：auto；
//僅僅針對(duì)塊元素有效
6.2盒子總寬度：width+padding+border
6.3margin和padding盒子距離
margin：10px；
//margin:上 右 下 左
margin：10px 20px
margin：上下左右
margin：10px 20px 30px
margin:上 左 右 下
margin：10px 20px 30px 40px
margin:上 右 下 左
padding：同理
