今天所學(xué)內(nèi)容
1.HTML and CSS
1.1常用html
標(biāo)簽
<a></a> //鏈接標(biāo)簽
<div></div> //分區(qū)
<h1></h1> //標(biāo)題標(biāo)簽(h1~h6)
<img></img> //圖片標(biāo)簽
<ul></ul> //無序列表標(biāo)簽
<li></li> //列表項(xiàng)
<dl></dl> //定義列表
<dt></dt> //定義術(shù)語
<dd></dd> //定義描述
1.2css
樣式
width //設(shè)置寬
height //設(shè)置高
color //字體顏色
background //背景顏色
font-size //字體大小
text-align //設(shè)置字體對齊
line-height //行高在文本中垂直居中
1.3css
選擇器
1.元素選擇器: xxx{}
2.class選擇器: .xxx{}()
可以多個(gè)標(biāo)簽相同的class名
可以給一個(gè)標(biāo)簽多個(gè)class名
3.id選擇器: #xxx{}
每個(gè)id名是唯一的
4.偽類選擇器: .xx:hover{}
1.4樣式重置
*{margin:0;padding:0;}
1.5盒子模型
margin //外邊距
padding//填充
border //邊框
top right bottom left //上下左右四個(gè)邊
2.用谷歌調(diào)試網(wǎng)頁
2.1步驟
1.按F12打開調(diào)試
2.單機(jī)左上角箭頭
3.選中你要調(diào)試的內(nèi)容
4.選中數(shù)值用上下按鍵調(diào)試
01.png
02.png
03.png
04.png