使用css樣式表的好處有:
創(chuàng)新互聯(lián)專注于陽新網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供陽新營銷型網(wǎng)站建設,陽新網(wǎng)站制作、陽新網(wǎng)頁設計、陽新網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務,打造陽新網(wǎng)絡公司原創(chuàng)品牌,更為您提供陽新網(wǎng)站排名全網(wǎng)營銷落地服務。
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)品名稱的樣式類,可以在整個站點中更改樣式。可以保留多個樣式表并根據(jù)需要使用它們。使用屬性繼承方法,可以輕松地維護相同標記的不同樣式。
三、代碼(標簽)比率更高的內(nèi)容
可以通過使用CSS在頁面中實現(xiàn)更高的代碼比例內(nèi)容,因為可以將樣式聲明轉換為外部文件。這對搜索引擎的觀點很重要??梢韵蛑┲胩峁┹^少的標簽(樣式標簽)和更多內(nèi)容以進行索引。
四、下載頁面
當瀏覽器緩存樣式表頁面時,頁面加載變得很快。每次使用相同CSS的同一站點的不同頁面時,都不會從服務器加載樣式類。
五、定義風格的靈活性
名稱級聯(lián)表示可以使用多種樣式,并且優(yōu)先考慮本地樣式??梢愿采w聲明的全局樣式,并將樣式本地分配給標記。
常用的
取消body和ul的margin和padding,設置list-stylle:none,設置整個頁面的font-size和font-family,設置a標簽的樣式,這些是針對標簽的。
還有你可以自定義的類例如,清除浮動,左浮動,右浮動什么的都可以寫在公共部分
普通css怎么寫就怎么寫呀,公用的只是每個頁面都在用的css而已
對于Body基本來講我基本會設置如下屬性body {margin:0; padding:0; font-family:Microsoft Simhei, "宋體"; font-size:12px; color:#303030; background:#e5e5e5; text-align:center}簡單的介紹一下margin:0 ----------- 表示外距為0padding:0 --------- 表示內(nèi)距為0font-family:Microsoft Simhei, "宋體"; --------- 表示英文和中文的默認字體font-size:12px; ----------表示默認字體大小為標準字12pxcolor:#303030; --------- 表示默認字體顏色為#303030 background:#e5e5e5; ------ 表示默認背景色text-align:center --------- 表示默認內(nèi)容居中
如果你擔心你的顏色值經(jīng)常變動
建議,你用SCSS來寫CSS代碼
把經(jīng)常,或者 可能 變動的值 寫成變量。
具體,你可以查看scss的官網(wǎng)。
本文名稱:css公共樣式內(nèi)容,css樣式
網(wǎng)站路徑:http://www.rwnh.cn/article0/dssdeoo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、品牌網(wǎng)站建設、關鍵詞優(yōu)化、標簽優(yōu)化、網(wǎng)站改版、營銷型網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)