A我今天學(xué)了什么
1.常用的HTML標(biāo)簽
1.DIV盒子標(biāo)簽
2.p段落標(biāo)簽
3.h1~h6標(biāo)題標(biāo)簽
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
4.ul.li列表標(biāo)簽
<ul>
<li>
</li>
</ul>
5.dl类嗤,dt捞挥,dd定義列表標(biāo)簽
dl:定義標(biāo)簽
dt琢蛤、dd:定義描述
<dl>
<dt></dt>
<dd></dd>
</dl>
6.img圖片標(biāo)簽
7.a 超鏈接標(biāo)簽
8.button 按鈕標(biāo)簽
9.input 輸入框標(biāo)簽
2.常用的css樣式
1.color 設(shè)置文字顏色
2.width 設(shè)置一個元素的寬度
3.height 設(shè)置一個元素的高度
4.background-color 設(shè)置背景顏色
5.background-image 設(shè)置一個元素的背景圖片
6.line-height 設(shè)置文字的行高
7.text-align 設(shè)置文字對齊方式
8.border-width 邊框的寬度
9.border-style 設(shè)置邊框的樣式
10.border-color 邊框的顏色
3 css常用選擇器
1.p{}元素選擇器
2.p.one{} class選擇器
3.p#two{} id選擇器
4.p:hover{}偽類選擇器
4.盒子模型
image.png
1.元素居中margin-left:auto正罢;margin-right:auto僅僅針對塊元素有效
2.margin:10px呵恢;
//margin:上补君、右蹋绽、下甥郑、左
margin:10px 20px
margin:上逃魄、下、左澜搅、右
margin:10px 20px 30px
margin:上 伍俘、左、 右勉躺、 下
margin:10px 20px 30px 40px
margin:上癌瘾、右、下饵溅、左 順時針方向
B我今天掌握好的地方
1.DIV盒子標(biāo)簽
2.p段落標(biāo)簽
3.h1~h6標(biāo)題標(biāo)簽
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
4.ul.li列表標(biāo)簽
6.img圖片標(biāo)簽
7.a 超鏈接標(biāo)簽
8.button 按鈕標(biāo)簽
9.color 設(shè)置文字顏色
10.width 設(shè)置一個元素的寬度
11.height 設(shè)置一個元素的高度
12.background-color 設(shè)置背景顏色
13.background-image 設(shè)置一個元素的背景圖片
14.p{}元素選擇器
15.p.one{} class選擇器
16.p#two{} id選擇器
17.p:hover{}偽類選擇器
18.margin:10px 20px 30px 40px
margin:上妨退、右、下蜕企、左 順時針方向
C我掌握不好的地方
5.dl咬荷,dt,dd定義列表標(biāo)簽
dl:定義標(biāo)簽
dt轻掩、dd:定義描述
<dl>
<dt></dt>
<dd></dd>
</dl>
2.input 輸入框標(biāo)簽
3.line-height 設(shè)置文字的行高
4.text-align 設(shè)置文字對齊方式
5.border-width 邊框的寬度
6.border-style 設(shè)置邊框的樣式
7.border-color 邊框的顏色
8.margin 幸乒、 padding