html復(fù)習(xí)筆記

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í)候把脫離文檔流的元素給忽略掉 它倆可以相互重疊

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市唁盏,隨后出現(xiàn)的幾起案子内狸,更是在濱河造成了極大的恐慌,老刑警劉巖厘擂,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件昆淡,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡刽严,警方通過(guò)查閱死者的電腦和手機(jī)昂灵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人倔既,你說(shuō)我怎么就攤上這事恕曲。” “怎么了渤涌?”我有些...
    開封第一講書人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵佩谣,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我实蓬,道長(zhǎng)茸俭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任安皱,我火速辦了婚禮调鬓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘酌伊。我一直安慰自己腾窝,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開白布居砖。 她就那樣靜靜地躺著虹脯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪奏候。 梳的紋絲不亂的頭發(fā)上循集,一...
    開封第一講書人閱讀 49,031評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音蔗草,去河邊找鬼咒彤。 笑死,一個(gè)胖子當(dāng)著我的面吹牛咒精,可吹牛的內(nèi)容都是我干的镶柱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼模叙,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼奸例!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起向楼,我...
    開封第一講書人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谐区,沒(méi)想到半個(gè)月后湖蜕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宋列,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年昭抒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡灭返,死狀恐怖盗迟,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情熙含,我是刑警寧澤罚缕,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站怎静,受9級(jí)特大地震影響邮弹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蚓聘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一腌乡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧夜牡,春花似錦与纽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至氢哮,卻和暖如春袋毙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背冗尤。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工听盖, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人裂七。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓皆看,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親背零。 傳聞我的和親對(duì)象是個(gè)殘疾皇子腰吟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 前端 VScode 自動(dòng)換行(word wrap) ctrl + s 保存 ctrl + a 全選 ctrl + ...
    東方寂明閱讀 964評(píng)論 0 1
  • 1.基礎(chǔ)問(wèn)題 1. = 和 == 和 === 的區(qū)別? = : 用于賦值== : 用于判斷=== : 用于判斷徙瓶,必...
    月光在心中閱讀 2,362評(píng)論 0 6
  • 1毛雇、CSS筆記: 點(diǎn)擊鏈接后退頁(yè)面: 回到上一個(gè)網(wǎng)頁(yè) ——修改placeholder提示的樣式: 1.除IE外通用...
    倚劍闖天涯_閱讀 791評(píng)論 1 2
  • html的基礎(chǔ)知識(shí) w3c_html基礎(chǔ)教程總結(jié) 文檔的基本結(jié)構(gòu) 腦圖 常見(jiàn)元素 HTML元素語(yǔ)義的分類 結(jié)構(gòu)類 ...
    呆呆的張先生閱讀 1,095評(píng)論 0 1
  • 16宿命:用概率思維提高你的勝算 以前的我是風(fēng)險(xiǎn)厭惡者,不喜歡去冒險(xiǎn)侦镇,但是人生放棄了冒險(xiǎn)灵疮,也就放棄了無(wú)數(shù)的可能。 ...
    yichen大刀閱讀 6,033評(píng)論 0 4