CSS規(guī)則層疊的應(yīng)用css必須要注意的幾點(diǎn)_經(jīng)驗(yàn)交流

少用偏門。類似break-word斷行，z-index手動(dòng)分層，還有像垂直對(duì)齊等等這些偏門CSS最好少用，因?yàn)椴灰欢ㄋ袨g覽器都支持，而且極難通過W3C檢測(cè)。 center不是float的值。

專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)偃師免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000多家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

我們首先建一個(gè)web的文件夾并在此文件夾里新建html頁面命名為index.html ，css文件命名為index.css。

在CSS1規(guī)范中，每個(gè)盒模型的位置是三維的，分別是平面畫布上的X軸，Y軸以及表示層疊的Z軸。一般情況下，元素在頁面上沿X軸Y軸平鋪，我們察覺不到它們?cè)赯軸上的層疊關(guān)系。

檢查HTML元素是否有拼寫錯(cuò)誤、是否忘記結(jié)束標(biāo)記即使是老手也經(jīng)常會(huì)弄錯(cuò)div的嵌套關(guān)系?？梢杂胐reamweaver的驗(yàn)證功能檢查一下有無錯(cuò)誤。檢查CSS是否正確檢查一下有無拼寫錯(cuò)誤、是否忘記結(jié)尾的}等。

層疊 繼承 優(yōu)先級(jí) 是我們學(xué)習(xí)CSS 必須掌握的三個(gè)特性。

所謂的層疊性與優(yōu)先級(jí)，其實(shí)說白了可以理解為，不同的規(guī)則起沖突的情況下，聽誰的呢？有的時(shí)候這種沖突很容易解決，有的時(shí)候我們自己都難以決斷，比如好聲音三位導(dǎo)師都選你，該跟誰走呢。

css的優(yōu)先級(jí)順序是怎樣的

算法：將每條規(guī)則中，選擇符對(duì)應(yīng)的數(shù)相加后得到的”四位數(shù)“，從左到右進(jìn)行比較，大的優(yōu)先級(jí)越高。看完了上述內(nèi)容，那我們就來看看css選擇器優(yōu)先級(jí)的具體排序。

優(yōu)先級(jí)：CSS 樣式的優(yōu)先級(jí)是根據(jù)選擇器的特殊性（Specificity）、樣式來源（來源于哪個(gè)樣式表）和樣式的順序來確定的。

首先就是CSS規(guī)則的specificity(特殊性)，CSS1有一套關(guān)于specificity的計(jì)算方式，用一個(gè)四位的數(shù)字串(CSS2是三位)來表示，最終specificity越高的規(guī)則越特殊，在優(yōu)先級(jí)判定時(shí)也就越有優(yōu)勢(shì)。

Web前端開發(fā)規(guī)范之css規(guī)范

css規(guī)范編碼規(guī)范為utf-8。協(xié)作開發(fā)及分工：i會(huì)根據(jù)各個(gè)模塊，同時(shí)根據(jù)頁面相似程序，事先寫**體框架文件，分配給前端人員實(shí)現(xiàn)內(nèi)部結(jié)構(gòu)&表現(xiàn)&行為。

HTML5是網(wǎng)頁的基礎(chǔ)語言簡單并概括來說，CSS3是對(duì)HTML5內(nèi)容進(jìn)行布局（即安排每一塊內(nèi)容的位置）、添加外觀樣式。HTML5是網(wǎng)頁的基礎(chǔ)語言，主要用于描述超文本中內(nèi)容的顯示方式。它是學(xué)習(xí)Web前端開發(fā)的第一步。

不要濫用類在有意義的地方使用ID而不要使用類。這是一個(gè)使得瀏覽器能夠更快訪問DOM元素的方法。不要把一切都扔進(jìn)一個(gè)CSS文件中分區(qū)CSS使其更易于管理。