css教程 CSS檔案應該保持整潔和統一

2022-09-25 22:12:14 字數 1094 閱讀 7329

點選這裡瀏覽本站 css 頻道內容程式設計客棧。

一位網友遇到了乙個頭疼的問題。需要對經過若干次修改以後的**進行重整,需要程式設計客棧剔除冗餘的**,在css樣式重整方面,比較頭疼,不僅需要對現有的樣式進行合併與精簡,還需要為**增加換膚功能。

不難看出,這是乙個令人感覺很煩躁的工作,面對一行一行**頭皮發麻。如果我們養成良好的習慣,或許可以讓工作更容易一些。就此問題與經驗,以下的文字或許有很大的參考價值:

使用鏈結或者匯入樣式表的方法對於中階或高階的css開發人員來說都是再正常不過的事情,但是我在這裡依然會強調一下這種方法的重要性。我見過的許多站點,在創站之初,css檔案很整潔,組織的也井井有條,但是隨著時間的推移,這些文件由於內嵌的甚至內聯(inline)的樣式出現而變得雜亂無章,一方面可能是由於給予的更新期限很短,另一方面或許就是純粹的由於懶惰。

你正忙於乙個擁有成千上萬條的渠道內容同時出現的**的大面積更新,給你的期限很短,所以你就選擇了使用內嵌或者內聯樣式這樣一些「快速修補」的方法。一些年過去了,習慣依然…,直到有一天你被告知這個站點需要重新設計,但是所有的內容仍然不變,這個時候而你只有乙個星期去完成。想象一下,這將是乙個怎樣的境況。

其實這是很普遍的情況,更新樣式表是乙個再簡單不過的任務,在你幾年的「快速修補」之後,這些樣式遍布了整個站點,相信你根本沒辦法記住他們在那裡。所以現在你面對的只有2個選擇:a、在乙個星期之內找出乙個方法去清理規整這些樣式;b、找乙份新的工作吧。

千萬不要將你的工作變得愈來愈困難。使用鏈結和匯入樣式表是你的不二之選。規範的建立並保持樣式表的整潔,你會活得更容易一些。

提示:小心使用鏈結或匯入的方法會在標記上新增冗餘的樣式。每次你建立新的樣式表,你都會更新要不就是新增新的樣式,過多的外聯樣式不只會使補丁的修復變得困難,也會使樣式表更難於維護。因此可以理解為什麼大型站點會為不同的區塊部分而去分離樣式表。小心不要玩過火了,過猶不及。

這裡很值得提及一下的是過多的樣式表將會使http的請求數增加。這些都會潛在的影響效能。因此,internetexplorer將鏈結的樣式表數限制在了32個。

請特別注意程式設計客棧,在實際工作中,注意保持css檔案整潔與樣式統一。

本文標題: css教程:css檔案應該保持整潔和統一

本文位址: /web/css/24636.html

CSS教程 CSS定位屬性

css 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單,它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然,這個功能非常強大,也...

CSS初學者應該保持的一種心態

前幾天有個人退群了。起因很簡單,他問了乙個問題,沒人回答,於是說要退群,後來我看到了,給了個鏈結,說這個問題已經說過好多遍了,於是他就退了。鞍山 科哪家好www.0412pfk.org 開啟qq的群列表,我所在的技術群有5個,不包括原來參加過又退了的。另外,還去幾個論壇裡看。看得多了,忽然覺得有幾句...

css常用樣式(保持更新)

注意 class只有高度寬度資訊 方法1 該方法得知道居中元素的寬度 div class box style position relative div class sub box style position absolute top 50 margin top 50px div div 方法2 ...