css公共樣式,css公共樣式怎么寫

css公共樣式能更高效，為什么不抽公共樣式呢？

這個要看具體情況的，需要看場景來抽公共的。

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、阿拉山口ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的阿拉山口網(wǎng)站制作公司

比如：常見的抽公共是以模塊為單位的集合，比如按鈕、布局類的（如柵格布局flex）等，能經(jīng)常用到的模塊。

那如果所有屬性都抽公共的話，會導(dǎo)致html頁面里class的值太多，比如color屬性抽一個，font抽一個，padding抽一個等。會使得class值太長，從而導(dǎo)致html頁面的大小變大，同樣會不利于頁面的加載。

所以最好適中，把常用的抽公共，比較獨立的就單獨寫樣式。

使用CSS樣式表有什么好處

使用css樣式表的好處有：

1、使用較少的代碼，來實現(xiàn)更多的功能；

2、使用屬性繼承方法，可以輕松地維護相同標(biāo)記的不同樣式；

3、代碼比率更高的內(nèi)容；

4、頁面加載變得很快；

5、定義風(fēng)格的靈活性。

知識補充：

CSS全稱Cascading Style Sheet，表示層疊樣式表。CSS用于改進HTML標(biāo)記內(nèi)容的呈現(xiàn)。使用CSS我們可以基于媒體定義不同的內(nèi)容顯示方式。

CSS的優(yōu)點：

一、CSS的代碼更少

在公共樣式類中可以定義具有值的屬性，并且能在不同位置使用相同的類，因此可以使用較少的代碼，來實現(xiàn)更多的功能。更少的代碼意味著更少的帶寬消耗并且易于維護內(nèi)容。

二、易于維護

當(dāng)在全局或共同的地方定義樣式時，任何變化都變得容易操作。例如，在網(wǎng)站中，使用特定的樣式屬性顯示產(chǎn)品的所有名稱。現(xiàn)在，可以通過在外部樣式表中更改產(chǎn)品名稱的樣式類，可以在整個站點中更改樣式?？梢员Ａ舳鄠€樣式表并根據(jù)需要使用它們。使用屬性繼承方法，可以輕松地維護相同標(biāo)記的不同樣式。

三、代碼（標(biāo)簽）比率更高的內(nèi)容

可以通過使用CSS在頁面中實現(xiàn)更高的代碼比例內(nèi)容，因為可以將樣式聲明轉(zhuǎn)換為外部文件。這對搜索引擎的觀點很重要。可以向蜘蛛提供較少的標(biāo)簽（樣式標(biāo)簽）和更多內(nèi)容以進行索引。

四、下載頁面

當(dāng)瀏覽器緩存樣式表頁面時，頁面加載變得很快。每次使用相同CSS的同一站點的不同頁面時，都不會從服務(wù)器加載樣式類。

五、定義風(fēng)格的靈活性

名稱級聯(lián)表示可以使用多種樣式，并且優(yōu)先考慮本地樣式。可以覆蓋聲明的全局樣式，并將樣式本地分配給標(biāo)記。