2018.07.09學(xué)習(xí)總結(jié)
1.對html和css的初步認(rèn)識
html是網(wǎng)頁的結(jié)構(gòu)司训，css是用來裝飾網(wǎng)頁的。
02.jpg
03.jpg
2.html的標(biāo)簽
主要標(biāo)簽有：h1~h6,p,img,br,input,button,a,ul,dl壳猜，div等
html常用標(biāo)簽.PNG
3.css
3.1css的4種樣式
3.1.1元素選擇器（慎重使用）
3.1.2.+classname{}選擇器
一個標(biāo)簽可有多個類名统扳，多個標(biāo)簽可有相同的類名
3.1.3#+idname{}選擇器
3.1.4h1:hover{}選擇器
4個樣式.PNG
3.2css的常用屬性
color:設(shè)置文字的顏色
width:設(shè)置一個元素的寬度
height:設(shè)置一個元素的高度
background-color:設(shè)置背景顏色
background-image:設(shè)置一個元素的背景圖片
line-height:設(shè)置文字的行高
text-align:設(shè)置文字對其的方式
border-width:邊框的寬度
border-style:邊框的樣式
border-color:邊框的顏色
p:hover{color:blue}當(dāng)鼠標(biāo)移動到元素上時可以改變元素的css樣式
4.盒子模型
盒子模型.PNG
盒子圖片.PNG
5.樣式重置
樣式重置.PNG
*{margin:0;padding:0;} //注意：*不可少咒钟，}后面不能有；
6.padding
padding.PNG
7.margin
可實現(xiàn)居中
margin-top：10px;
margin-right:30px;
margin-bottom:10px;
margin-left:30px;
居中.PNG
8.border
border.PNG
border:1px solid red; //分別設(shè)置邊框?qū)挾?形狀和顏色朱嘴；
9.插件安裝
添加插件 6個.PNG
10.快捷鍵及網(wǎng)址
10.1shift+alt+下箭頭 快速復(fù)制
10.2shift+alt+f 格式化代碼
10.3 https://color.uisdc.com/ // 里面有豐富的顏色可供選擇
11. 完成2個作業(yè) 熟悉html和css的具體用法粗合，技巧是熟能生巧，要不斷加強練習(xí)隙疚。
