CSS與HTML使用誤區(qū)有哪些
這篇文章主要介紹了CSS與HTML使用誤區(qū)有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的壽光網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
誤區(qū)一.多div癥
上述使用使用多余的div標(biāo)簽現(xiàn)狀，就稱為“多div癥”，理應(yīng)簡化成下
Home
About
Concact
誤區(qū)二.多類class癥 注意點(diǎn)class可以應(yīng)用于頁面任意多個(gè)元素，非常適合標(biāo)識內(nèi)容類型或其他相似的條目
一段新聞（新聞標(biāo)題、新聞詳情內(nèi)容）
Elastic Layout Example—View Source for the HTML and CSS
Lorem ipsum dolor sit amet.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
上述類名使用news-head與news-text 就稱為"多類癥"表現(xiàn)，不需要這么多的類區(qū)分元素樣式
最好使用div（division）代表部分而不是沒有語義（大多數(shù)人誤解div無語義?。。。瑢?shí)際上div可以將文檔劃分為幾個(gè)有意義的區(qū)域.
類名news從而識別整個(gè)新聞條目。然后可以使用層疊（cascade）樣式識別新聞標(biāo)題、文本，理應(yīng)修改如下
Elastic Layout Example—View Source for the HTML and CSS
Lorem ipsum dolor sit amet.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
span 對行內(nèi)元素進(jìn)行分組或標(biāo)識
Andy wins an Oscar for his cameo in Iron Man
Public and on Februray 22nd, 2009
By Harry Knowles
誤區(qū)三.id使用誤區(qū) 用于標(biāo)識頁面上特定元素(比如站點(diǎn)導(dǎo)航、頁眉、頁腳)而且必須唯一; 也可以用來標(biāo)識持久結(jié)構(gòu)性元素（如主導(dǎo)航、內(nèi)容區(qū)域）
/*大量的使用id,很難找到唯一名稱混亂*/
#andy, #rich, #jeremy, #james-box, #sophie {
font-size: 1em;
font-weight: bold;
border: 1px solid #ccc;
}
/*只需一個(gè)普通類替代它*/
.staff {
font-size: 1em;
font-weight: bold;
border: 1px solid #ccc;
}用于標(biāo)識頁面上特定元素(比如站點(diǎn)導(dǎo)航、頁眉、頁腳)而且必須唯一; 也可以用來標(biāo)識持久結(jié)構(gòu)性元素（如主導(dǎo)航、內(nèi)容區(qū)域）
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS與HTML使用誤區(qū)有哪些”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
當(dāng)前題目：CSS與HTML使用誤區(qū)有哪些
本文URL：
http://weahome.cn/article/ggepsi.html
重慶分公司
重慶分公司
