常用标签与样式
常用標(biāo)簽
塊屬性:div標(biāo)簽:無(wú)意義 用來(lái)布局和劃分區(qū)域
? ? ? ? ? ? ? ?p標(biāo)簽:段落
? ? ? ? ? ? ? ?h1-h6:標(biāo)題標(biāo)簽? 注意h1標(biāo)簽只有一個(gè)
? ? ? ? ? ? ? ?ul>li:無(wú)序列表
? ? ? ? ? ? ? ?ol>li:有序列表
塊屬性標(biāo)簽特點(diǎn):上下排列 獨(dú)占一行? 可以設(shè)置寬高? 不設(shè)置情況下寬度自動(dòng)撐滿父容器 高度由內(nèi)容撐開(kāi)
行屬性:span標(biāo)簽:放置文字
? ? ? ? ? ? ? a標(biāo)簽:超鏈接---href屬性:鏈接地址? 1.可以是網(wǎng)絡(luò)地址也可以是本地地址
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2.空 點(diǎn)擊刷新頁(yè)面
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3.#? 返回頂部
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?4.###無(wú)效鏈接
行屬性標(biāo)簽特點(diǎn):不支持上下的margin和padding? 不支持設(shè)置寬高? 左右排列
行塊屬性:img標(biāo)簽:圖片 src:圖片路徑? alt:圖片加載失敗顯示內(nèi)容? title:鼠標(biāo)移入提示信息
行塊屬性標(biāo)簽特點(diǎn):既可以設(shè)置寬高又可以排成一行
所有標(biāo)簽都有title屬性
行屬性標(biāo)簽不要嵌套塊屬性標(biāo)簽
常用樣式
width:寬度
height:高度
color:字體顏色
font-size:字體大小(默認(rèn)16px? 最小支持8px)
font-weight:字體粗細(xì)(默認(rèn)400? 取值范圍100-900)
opacity:透明度 (取值范圍0-1)
background-color:背景顏色
background-image::背景圖片url(圖片路徑)
background-repeat:背景是否重復(fù)(默認(rèn)重復(fù))
background-position:背景圖片位置
background-size:背景圖片大小
? ? ? ? ? ? ? ? ? ? ??
總結(jié)
- 上一篇: N400相关知识学习
- 下一篇: STM32学习笔记——基于正点原子例程编