新聞中心
css公共樣式能更高效,為什么不抽公共樣式呢?
這個要看具體情況的,需要看場景來抽公共的。
我們提供的服務(wù)有:網(wǎng)站建設(shè)、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、阿拉山口ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學管理、有技術(shù)的阿拉山口網(wǎng)站制作公司
比如:常見的抽公共是以模塊為單位的集合,比如按鈕、布局類的(如柵格布局flex)等,能經(jīng)常用到的模塊。
那如果所有屬性都抽公共的話,會導致html頁面里class的值太多,比如color屬性抽一個,font抽一個,padding抽一個等。會使得class值太長,從而導致html頁面的大小變大,同樣會不利于頁面的加載。
所以最好適中,把常用的抽公共,比較獨立的就單獨寫樣式。
使用CSS樣式表有什么好處
使用css樣式表的好處有:
1、使用較少的代碼,來實現(xiàn)更多的功能;
2、使用屬性繼承方法,可以輕松地維護相同標記的不同樣式;
3、代碼比率更高的內(nèi)容;
4、頁面加載變得很快;
5、定義風格的靈活性。
知識補充:
CSS全稱Cascading Style Sheet,表示層疊樣式表。CSS用于改進HTML標記內(nèi)容的呈現(xiàn)。使用CSS我們可以基于媒體定義不同的內(nèi)容顯示方式。
CSS的優(yōu)點:
一、CSS的代碼更少
在公共樣式類中可以定義具有值的屬性,并且能在不同位置使用相同的類,因此可以使用較少的代碼,來實現(xiàn)更多的功能。更少的代碼意味著更少的帶寬消耗并且易于維護內(nèi)容。
二、易于維護
當在全局或共同的地方定義樣式時,任何變化都變得容易操作。例如,在網(wǎng)站中,使用特定的樣式屬性顯示產(chǎn)品的所有名稱?,F(xiàn)在,可以通過在外部樣式表中更改產(chǎn)品名稱的樣式類,可以在整個站點中更改樣式??梢员A舳鄠€樣式表并根據(jù)需要使用它們。使用屬性繼承方法,可以輕松地維護相同標記的不同樣式。
三、代碼(標簽)比率更高的內(nèi)容
可以通過使用CSS在頁面中實現(xiàn)更高的代碼比例內(nèi)容,因為可以將樣式聲明轉(zhuǎn)換為外部文件。這對搜索引擎的觀點很重要??梢韵蛑┲胩峁┹^少的標簽(樣式標簽)和更多內(nèi)容以進行索引。
四、下載頁面
當瀏覽器緩存樣式表頁面時,頁面加載變得很快。每次使用相同CSS的同一站點的不同頁面時,都不會從服務(wù)器加載樣式類。
五、定義風格的靈活性
名稱級聯(lián)表示可以使用多種樣式,并且優(yōu)先考慮本地樣式??梢愿采w聲明的全局樣式,并將樣式本地分配給標記。
CSS公共樣式
如果你擔心你的顏色值經(jīng)常變動
建議,你用SCSS來寫CSS代碼
把經(jīng)常,或者 可能 變動的值 寫成變量。
具體,你可以查看scss的官網(wǎng)。
網(wǎng)頁題目:css公共樣式,css公共樣式怎么寫
網(wǎng)頁鏈接:http://fisionsoft.com.cn/article/phhgpe.html