HTML--CSS
1常用html標(biāo)簽
01.png
h1~h6 標(biāo)題
<h1></h1>
<h2></h2>
…
<p>段落
<img src="（路徑）images/timg.jpg" alt="xxx"> 插入圖片
<br> 換行
<input type="text"><button>百度一下</button> 插入搜索欄
<ul> 無(wú)序列表
<li> 列表項(xiàng)
shift+Alt+↓ 快速下拉復(fù)制
<a> 鏈接標(biāo)簽·
href 指定網(wǎng)址
<div> 可以把文檔分割為獨(dú)立的奸攻、不同的部分谆趾。
<dl> 定義列表
<dt> 定義術(shù)語(yǔ)
<dd> 定義描述
2css標(biāo)簽
03.png
background-color:背景顏色設(shè)置
height: 行高
line-height: 文本在行高中垂直居中
color: 字體顏色
text-align: 設(shè)置文本的對(duì)齊方向
font-size: 設(shè)置字體大小
3css常用選擇器
04.PNG
.one{ //定義class名稱
color: red
}
+classname""選擇class 可以選擇多個(gè)
#three{
color: yellow
} 每一個(gè)id名都是唯一的
--寫(xiě)樣式時(shí)不要用id選擇器
h1:hover{
color: red;/*鼠標(biāo)經(jīng)過(guò)時(shí)文字的顏色*/
}
4盒子模型
05.png
margin 可以改變?cè)氐奈恢?border 可以改變?cè)氐膶挾?
padding 可以改變?cè)氐膚idth,height.
5水平居中
06.PNG
6樣式重置
07.png
*{margin: 0;padding: 0}
寫(xiě)樣式之前先進(jìn)行樣式重置
