css復(fù)合選擇器權(quán)重如何計(jì)算，css的命名規(guī)則？
一、網(wǎng)頁(yè)制作中規(guī)范使用DIV+CSS命名規(guī)則，可以改善優(yōu)化功效特別是團(tuán)隊(duì)合作時(shí)候可以提供合作制作效率。
所有的命名最好都小寫(xiě)
屬性的值一定要用雙引號(hào)("")括起來(lái)，且一定要有值如class="DIVcss",id="divcss"
每個(gè)標(biāo)簽都要有開(kāi)始和結(jié)束，且要有正確的層次，排版有規(guī)律工整
空元素要有結(jié)束的tag或于開(kāi)始的tag后加上"/"
表現(xiàn)與結(jié)構(gòu)完全分離，代碼中不涉及任何的表現(xiàn)元素，如style、font、bgColor、border等
<h1>到<h5>的定義，應(yīng)遵循從大到小的原則，體現(xiàn)文檔的結(jié)構(gòu)，并有利于搜索引擎的查詢。
給每一個(gè)表格和表單加上一個(gè)唯一的、結(jié)構(gòu)標(biāo)記id
給圖片加上alt標(biāo)簽
盡量使用英文命名原則
盡量不縮寫(xiě)，除非一看就明白的單詞
二、相對(duì)網(wǎng)頁(yè)外層重要部分CSS樣式命名：
外套 wrap ----------------用于最外層
頭部 header --------------用于頭部
主要內(nèi)容 main ------------用于主體內(nèi)容（中部）
左側(cè) main-left ------------左側(cè)布局
右側(cè) main-right -----------右側(cè)布局
導(dǎo)航條 nav -----------------網(wǎng)頁(yè)菜單導(dǎo)航條
內(nèi)容 content ---------------用于網(wǎng)頁(yè)中部主體
底部 footer -----------------用于底部
DIV+CSS命名小結(jié)：
無(wú)論是使用“.”（小寫(xiě)句號(hào)）選擇符號(hào)開(kāi)頭命名，還是使用“#”(井號(hào))選擇符號(hào)開(kāi)頭命名都無(wú)所謂，但我們最好遵循。
主要的、重要的、特殊的、最外層的盒子用“#”(井號(hào))選擇符號(hào)開(kāi)頭命名，其它都用“.”（小寫(xiě)句號(hào)）選擇符號(hào)開(kāi)頭命名，同時(shí)考慮命名的CSS選擇器在HTML中重復(fù)使用調(diào)用。
通常我們最常用主要命名有：
wrap（外套、最外層）、header（頁(yè)眉、頭部）、nav(導(dǎo)航條)、menu(菜單)、title(欄目標(biāo)題、一般配合h1\h2\h3\h4標(biāo)簽使用)
、content (內(nèi)容區(qū))、footer(頁(yè)腳、底部)、logo（標(biāo)志、可以配合h1標(biāo)簽使用）、banner（廣告條，一般在頂部）、copyRight（版權(quán)）。
css的優(yōu)先級(jí)怎么判斷？
css選擇器優(yōu)先級(jí)怎么比較CSS選擇器中比較常見(jiàn)的有標(biāo)簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實(shí)上，CSS選擇器如果細(xì)分下來(lái)，竟然多達(dá)40多種。那他們的優(yōu)先級(jí)該怎么比較呢，下面就來(lái)看看吧。
● 不同級(jí)別
1. 在屬性后面使用 !important 會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式。
2. 作為style屬性寫(xiě)在元素內(nèi)的樣式
3. id選擇器
4. 類選擇器
5. 元素選擇器
6. 通配符選擇器
7. 瀏覽器自定義或繼承
總結(jié)排序：!important > 行內(nèi)樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性
● 同一級(jí)別
(1) 同一級(jí)別中后寫(xiě)的會(huì)覆蓋先寫(xiě)的樣式
(2) 同一級(jí)別css引入方式不同，優(yōu)先級(jí)不同
總結(jié)排序：內(nèi)聯(lián)(行內(nèi))樣式 > 內(nèi)部樣式表 > 外部樣式表 > 導(dǎo)入樣式(@import)。
對(duì)于選擇器優(yōu)先級(jí)，還可以通過(guò)計(jì)算權(quán)重值來(lái)比較
css幾種選擇器的使用？
1.類選擇器（class選擇器）
基本使用：
.類選擇器{
屬性名: 屬性值;
...}
2.id選擇器
基本使用：
#id選擇器{
屬性名: 屬性值;
...
}
3. html元素選擇器
某個(gè)html元素{
屬性名: 屬性值;
...
}
4.通配符選擇器
該選擇器可以用到所有的html元素，但是其優(yōu)先權(quán)最低
*{
屬性名: 屬性值;
...
}
css設(shè)計(jì)器怎么用？
1、首先打開(kāi)DreamweaverCC2018軟件新建一個(gè)html文件，在右上角點(diǎn)擊CSS設(shè)計(jì)器，并在下方點(diǎn)擊加號(hào)，然后選擇創(chuàng)建新的CSS文件：
2、在創(chuàng)建窗口中，點(diǎn)擊瀏覽按鈕。
3、然后選擇站點(diǎn)創(chuàng)建好CSS文件夾，然后輸入創(chuàng)建的CSS的名字，點(diǎn)擊保存插件文件：
4、然后把添加為設(shè)置成鏈接，點(diǎn)擊確定按鈕：
5、添加完成后就可以在右側(cè)的站點(diǎn)中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了：
6、此時(shí)在html文件中的head標(biāo)簽中，就多了一行鏈接到CSS文件的代碼。在頂部tab標(biāo)簽中也可以看到鏈接的樣式表：
7、接下來(lái)在html網(wǎng)頁(yè)編輯頁(yè)面，在body標(biāo)簽中輸入一個(gè)div：
8、然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表，并在樣式表中寫(xiě)一個(gè)樣式，命名為aaa，并按下快捷鍵Ctrl+S保存樣式表：
9、最后回到html編輯頁(yè)面，在div標(biāo)簽中引入class，輸入剛才寫(xiě)的樣式的名稱aaa并保存網(wǎng)頁(yè)：
10、最后點(diǎn)擊頂部的設(shè)計(jì)按鈕，就可以看到實(shí)時(shí)效果了，此時(shí)css文件就成功鏈接進(jìn)去了：