匯總新手學(xué)做網(wǎng)頁的坑(持續(xù)更新)

1.標簽有頭沒尾
html標簽一般都成對出現(xiàn)的挣柬,如果是一開始敲的時候驱闷,很容易忽略末尾標簽沒斜杠
錯誤示范:<style type="text/css"> <style>
正確示范:<style type="text/css"> </style>

2.CSS有覆蓋優(yōu)先級
css覆蓋有優(yōu)先級腮考,元素內(nèi)的樣式一級,頭部的樣式二級吧碾,外鏈的樣式三級俺孙,一級最優(yōu)先辣卒,然后是二級掷贾,最后是三級

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>

<link rel="stylesheet" type="text/css" href="css.css">? #外部鏈接樣式是最低級覆蓋

<style type="text/css">? ?#頭部樣式二級覆蓋
div{? ?
? ? background: blue;
? ? height: 500px;
? ? width: 500px;
}
</style>

</head>
<body>

<div style="color: blueviolet; height: 500xp;width: 500xp;" ></div>? ?#內(nèi)部樣式最高級覆蓋

</body>
</html>

3.樣式放在body標簽內(nèi)
<style type="text/css"> <style>和<link rel="stylesheet" type="text/css" href="css.css">放在html的body內(nèi),里面的樣式是不起作用的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body> #注意這里是body內(nèi)了

<link rel="stylesheet" type="text/css" href="css.css">? #不起作用
<style type="text/css">? ?#不起作用
div{
????background: blue;? ?
?????height: 500px;? ?
?????width: 500px;
}
</style>

</body>
</html>

4.內(nèi)容不對應(yīng)標簽
像段落標簽<p>和標題標<h1>荣茫,雖然可以用css做到一樣的顯示效果想帅,但<P>標簽內(nèi)只能寫段落內(nèi)容,不能在里面寫標題內(nèi)容啡莉,其他標簽同理


對html的認識:html嚴格意義不是一種編程語言港准,是一種超文本標記語言,普通的text只是記錄文字咧欣,超文本是可以記錄除文字外浅缸,還能記錄圖片,音樂魄咕,視頻等疗杉。平時瀏覽器打開的網(wǎng)頁都是用html來做的。

其他待補充(小白可在評論區(qū)答疑)蚕礼,文本是站在新手的角度分享。像計算機梢什,電商等與互聯(lián)網(wǎng)有關(guān)的專業(yè)應(yīng)該都有學(xué)過奠蹬。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市嗡午,隨后出現(xiàn)的幾起案子囤躁,更是在濱河造成了極大的恐慌,老刑警劉巖荔睹,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件狸演,死亡現(xiàn)場離奇詭異,居然都是意外死亡僻他,警方通過查閱死者的電腦和手機宵距,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吨拗,“玉大人满哪,你說我怎么就攤上這事∪芭瘢” “怎么了哨鸭?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長娇妓。 經(jīng)常有香客問我像鸡,道長,這世上最難降的妖魔是什么哈恰? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任只估,我火速辦了婚禮志群,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘仅乓。我一直安慰自己赖舟,他們只是感情好,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布夸楣。 她就那樣靜靜地躺著宾抓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豫喧。 梳的紋絲不亂的頭發(fā)上石洗,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機與錄音紧显,去河邊找鬼讲衫。 笑死,一個胖子當著我的面吹牛孵班,可吹牛的內(nèi)容都是我干的涉兽。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼篙程,長吁一口氣:“原來是場噩夢啊……” “哼枷畏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起虱饿,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤拥诡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后氮发,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體渴肉,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年爽冕,在試婚紗的時候發(fā)現(xiàn)自己被綠了仇祭。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡颈畸,死狀恐怖前塔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情承冰,我是刑警寧澤华弓,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站困乒,受9級特大地震影響寂屏,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一迁霎、第九天 我趴在偏房一處隱蔽的房頂上張望吱抚。 院中可真熱鬧,春花似錦考廉、人聲如沸秘豹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽既绕。三九已至,卻和暖如春涮坐,著一層夾襖步出監(jiān)牢的瞬間凄贩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工袱讹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留疲扎,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓捷雕,卻偏偏與公主長得像椒丧,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子救巷,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

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

  • ?前端面試題匯總 一瓜挽、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,219評論 0 8
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,095評論 0 3
  • 從HTML + CSS開始的CSS教程 這個簡短的教程適用于那些想要開始使用CSS并且之前從未編寫過CSS樣式表的...
    摩羯青春我掌握閱讀 1,918評論 0 0
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要6碚肌9艿 !)繼承缸榄、特殊性渤弛、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,057評論 0 40
  • 一:在制作一個Web應(yīng)用或Web站點的過程中甚带,你是如何考慮他的UI她肯、安全性、高性能鹰贵、SEO晴氨、可維護性以及技術(shù)因素的...
    Arno_z閱讀 1,138評論 0 1