HTML屬性
1仍律、給整個(gè)頁(yè)面添加背景色--------bgcolor
<body bagcolor="color"> </body>
2嘿悬、擁有關(guān)于對(duì)齊方式的附加信息: 居中排列標(biāo)題
<h1 align="center">我是居中的標(biāo)題</ h1>
HTML標(biāo)簽
1、成對(duì)出現(xiàn)
2水泉、尖括號(hào)包圍的關(guān)鍵字
HTML文檔
包含 標(biāo)簽 和 純文本
web瀏覽器的作用
讀取HTML文檔善涨,并以網(wǎng)頁(yè)的形式展示它們
HTML基礎(chǔ)
img標(biāo)簽-----圖形的名稱和尺寸以標(biāo)簽的形式提供
如果有多個(gè)img標(biāo)簽,圖片換行會(huì)出現(xiàn)空白草则,如何解決钢拧?
1、把img的父標(biāo)簽設(shè)置font-size:0
2炕横、把img變成塊級(jí)標(biāo)簽
對(duì)問(wèn)題的解釋:因?yàn)閕mg屬于內(nèi)聯(lián)元素源内,瀏覽器在內(nèi)聯(lián)元素?fù)Q行時(shí)會(huì)自動(dòng)插入一個(gè)3px的空格
HTML元素
從標(biāo)簽開始到標(biāo)簽結(jié)束的所有的代碼
例: <div>我是一段文字</p>
HTML顏色
只有16種顏色被支持。例如: aquamblack,blue.....
使用其他顏色需要使用十六進(jìn)制
HTML樣式
1份殿、外部樣式 被多個(gè)文件所應(yīng)用時(shí) <link rel="stylesheet" type="text/css" href="style_address"
2膜钓、內(nèi)部樣式 單個(gè)文件中需要單獨(dú)的樣式 body{color: red}
3嗽交、內(nèi)聯(lián)樣式 單個(gè)元素需要單獨(dú)的樣式 <p style="color: red">內(nèi)聯(lián)</p>
HTML超鏈接
1、錨點(diǎn)
使用name
<a href="#name1" > 跳轉(zhuǎn)到name1 </a>
<a name="name1"> 我是name1,要跳轉(zhuǎn)到我這里 </a>
使用id
<a href="#name2">跳轉(zhuǎn)到name2</a>
<h1 id="name2">我是name2颂斜,要跳轉(zhuǎn)到我這里</h1>
HTML列表
1夫壁、無(wú)序列表 ul
2、有序里邊 ol
HTML塊
1沃疮、內(nèi)聯(lián)元素 <b> <span> <img> <a> span標(biāo)簽沒(méi)有什么特定的含義盒让,可用于為部分文本設(shè)置屬性
2、塊級(jí)元素 <div> <p> <h1> <ul>
HTML Id
1司蔬、id對(duì)大小寫敏感
2邑茄、class和id的區(qū)別
class可以應(yīng)用在多個(gè)HTML元素上,id只能應(yīng)用在一個(gè)html元素上
HTML內(nèi)聯(lián)框架
iframe width和height屬性規(guī)定iframe的寬度和高度葱她,可以是像素或者百分比
iframe語(yǔ)法 <iframe src="address" width="width" height="height" iframeborder="px" />
iframeborder="0"撩扒,去除iframe邊框
HTML布局
H5語(yǔ)義元素
header nav footer section article......
頁(yè)面為什么會(huì)卡死?(即瀏覽器的渲染過(guò)程)
當(dāng)瀏覽器拿到HTML文件時(shí)吨些,
1.首先生成dom樹和cssom樹
2.對(duì)比dom樹和cssom樹生成渲染樹
3.發(fā)生回流(即生成每個(gè)元素所對(duì)應(yīng)的位置搓谆、大小、形狀等)注意:回流是指的可見(jiàn)的dom節(jié)點(diǎn)豪墅,如display:none泉手;這不會(huì)發(fā)生回流,因?yàn)槭遣豢梢?jiàn)的dom節(jié)點(diǎn) opacity:0是可見(jiàn)的dom元素 會(huì)發(fā)生回流
4.發(fā)生重繪(即把每個(gè)所對(duì)應(yīng)的元素在瀏覽器顯示出來(lái))
那種情況會(huì)發(fā)生回流偶器?
元素的大小斩萌,位置,寬高屏轰,內(nèi)邊距以及外界窗口發(fā)生變化時(shí)會(huì)發(fā)生回流
是如何減少回流與重繪的次數(shù)颊郎?
比如對(duì)單個(gè)dom進(jìn)行修改,把dom.style.屬性=屬性 改為dom.cssText 或者使用class做切換
或者使元素脫離文檔流霎苗,修改完以后再放回文檔流
脫離文檔流不是指的元素不在dom中了姆吭,它是指的當(dāng)其他的元素排位置的時(shí)候把脫離文檔流的元素給忽略掉 它倆可以相互重疊