色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css視頻教程之css選擇器,CSS的類選擇器和id選擇器各有什么優(yōu)勢(shì)

老白2年前26瀏覽0評(píng)論

css視頻教程之css選擇器,CSS的類選擇器和id選擇器各有什么優(yōu)勢(shì)?

ID用于標(biāo)識(shí)頁面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來標(biāo)識(shí)持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來標(biāo)識(shí)一次性元素,例如某個(gè)鏈接或表單元素。一個(gè)ID只能應(yīng)用于頁面上的一個(gè)元素。

class同一個(gè)類名可以應(yīng)用于頁面上任意多個(gè)元素,因此類的功能強(qiáng)大的多。類非常適合表示內(nèi)容的類型或其他相似的條目。

在實(shí)際開發(fā)中,要根據(jù)實(shí)際使用情況來決定是使用哪種樣式。對(duì)于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個(gè)界面公用,或者同一界面多個(gè)元素風(fēng)格一致,樣式統(tǒng)一使用class類要方便的多。

下面就是最簡單的一個(gè)小例子:

展示效果:

css視頻教程之css選擇器,CSS的類選擇器和id選擇器各有什么優(yōu)勢(shì)

為什么看到有的前端工程師將css每個(gè)選擇器里的內(nèi)容寫成一行?

應(yīng)該是個(gè)老程序猿,之前css壓縮沒有實(shí)現(xiàn)的時(shí)候,通過縮短選擇器嵌套,人工進(jìn)行壓縮就出現(xiàn)了這個(gè)。而且沒有l(wèi)ess,scss開發(fā)的時(shí)候這種情況更甚,不過有了這些便捷的開發(fā)方式也希望去注意一點(diǎn)嵌套層數(shù)。

推薦項(xiàng)目工程呢還是用less,scss開發(fā)比較好,css文件開發(fā)期就是被編譯的壓不壓縮無所謂了。

推薦樓主使用 vs code 這個(gè)編輯器 非常好用的東西。如果你要發(fā)展全棧或者學(xué)習(xí)node,這個(gè)玩意兒繞不開1

css選擇器中可以匹配所有標(biāo)簽的是?

答案是星星選擇標(biāo)簽。

因?yàn)樾翘?hào)選擇器的定義是用于選擇html中的所有標(biāo)簽,在一個(gè)頁面中我們都會(huì)選擇去掉html所有標(biāo)簽的默認(rèn)樣式,然后根據(jù)自己的需求添加樣式,這個(gè)時(shí)候就需要使用*選擇標(biāo)簽。

另外一個(gè)*選擇標(biāo)簽也可以搭配到其他的標(biāo)簽進(jìn)行使用,用來選擇表示某個(gè)父元素下面的所有子元素標(biāo)簽。

CSS屬性與值的定義?

cascading style sheet 層疊樣式表

CSS基本語法

css的定義方法是:

選擇器 { 屬性:值; 屬性:值; 屬性:值;}

選擇器是將樣式和頁面元素關(guān)聯(lián)起來的名稱,屬性是希望設(shè)置的樣式屬性每個(gè)屬性有一個(gè)或多個(gè)值,如果一個(gè)屬性有多個(gè)值,中間用空格隔開

代碼示例:

div{ width:100px; height:100px; color:red }

用處:設(shè)置網(wǎng)頁的顯示效果(設(shè)置樣式)

css將網(wǎng)頁的顯示效果和內(nèi)容分離(降低了耦合性)