CSS的必知常識(shí)有哪些

本篇內(nèi)容介紹了“CSS的必知常識(shí)有哪些”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)建站憑借專業(yè)的設(shè)計(jì)團(tuán)隊(duì)扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識(shí)和豐厚的資源優(yōu)勢(shì)，提供專業(yè)的網(wǎng)站策劃、成都網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站優(yōu)化、軟件開(kāi)發(fā)、網(wǎng)站改版等服務(wù)，在成都十年的網(wǎng)站建設(shè)設(shè)計(jì)經(jīng)驗(yàn)，為成都上1000+中小型企業(yè)策劃設(shè)計(jì)了網(wǎng)站。

早期的大多數(shù)網(wǎng)站標(biāo)記幾乎完全由表格和font元素組成，且對(duì)于所要表現(xiàn)的內(nèi)容不能傳達(dá)任何實(shí)際含義，使文檔可用性降低，且不易于維護(hù)。于是1995年，W3C發(fā)布了CSS草案，試圖解決結(jié)構(gòu)與樣式混雜的問(wèn)題

1、如果考慮結(jié)構(gòu)與樣式徹底分離，且樣式表可能用于多個(gè)HTML文件，使用外部樣式表

2、如果樣式表僅用于當(dāng)前頁(yè)面，且減少HTTP請(qǐng)求數(shù)量，使用內(nèi)部樣式表

3、如果只是想為單個(gè)元素指定一些樣式，可以使用HTML的style屬性來(lái)設(shè)置一個(gè)行間樣式

選擇器

通過(guò)CSS選擇器，向文檔中的一組元素類型應(yīng)用某些規(guī)則

1、通配選擇器選擇所有元素

2、元素選擇器按照HTML標(biāo)簽來(lái)選擇元素

3、類選擇器通過(guò)定義類名來(lái)選擇一類元素

4、ID選擇器選擇特定ID的元素

5、屬性選擇器根據(jù)元素的屬性及屬性值來(lái)選擇元素

6、后代選擇器通過(guò)HTML層級(jí)關(guān)系來(lái)選擇元素

7、分組選擇器將具有相同規(guī)則的元素合并設(shè)置

層疊

CSS（cascading style sheets）中文翻譯過(guò)來(lái)是層疊樣式表，最基本的一個(gè)特性就是層疊。沖突的聲明通過(guò)層疊進(jìn)行排序，由此確定最終的文檔表示

在下面的例子，元素選擇器div和類選擇器.test都可以選擇出<div class="test"></div>，這就發(fā)生了沖突。由于類選擇器的特殊性大于元素選擇器，所以通過(guò)層疊進(jìn)行排序，最終該元素的樣式為{height: 200px;}，如果去掉 .test{height: 200px;}這條規(guī)則，則元素的樣式為{height: 100px;}

Why Hack

CSS Hack是實(shí)現(xiàn)瀏覽器樣式兼容的兜底辦法，能不用就盡量不要使用。但是，針對(duì)一些瀏覽器的bug，比如老版本IE的bug，有時(shí)使用CSS Hack是不得已而為之的做法

“CSS的必知常識(shí)有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

標(biāo)題名稱：CSS的必知常識(shí)有哪些
標(biāo)題網(wǎng)址：http://www.muchs.cn/article48/ghosep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、微信小程序、外貿(mào)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站導(dǎo)航、外貿(mào)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容