CSS 書寫有怎樣的功能

2022-09-25 17:33:10 字數 1074 閱讀 4378

隨著公司業務的增加,需求變的越來越多,團隊也因此在不斷的擴大,我們經常會遇到幾個人協同工作來完成同一件作品或者維護修改別人作品的時候,那麼是什麼最讓你最感到困擾呢?我們在實現乙個表現複雜的頁面的同時,css檔案就會比較繁瑣,眾多的選擇符、屬性讓人眼花繚亂,那麼如何更快的定位、如何更高效的編寫樣式呢?css的書寫被很多人所忽略。關於書寫風格,翻看了一些知名**的作品,發現橫向連排幾乎成為各大產品專案的主流,然而,每個人對於css的寫法各異,這就導致我們工作效率的降低。為了更好的協同工作,保持團隊內css書寫的一致性,幾經波折後達成共識,具體書寫方法如下:css屬性橫排書寫,選擇符縱排書寫,每個」,」(逗號)後必須換行;

重構組**書寫規範示例:(其中數字只用做示範,實際應用中不建議用數字命名。)

.class_name_1 .class_name_1_1,

.class_name_2 .class_name_2_1 .clawww.cppcns.comss_name_2_1_1,

.class_name_3

有人說,好**就是用記事本開啟也是藝術品,而樣式檔案本身就是設計作品。目前並沒有乙個權威來界定這種規範,我們只能對兩種寫法做個簡單的總結。

就樣式檔案本身對比:

縱向書寫特點:

存在的問題:**冗餘(如空格符、tab符、換行符);檔案大小增加;容易出現縱向滾動條。

橫向書寫特點:

存在的問題:書寫過密,從而影響閱讀。這種弊端顯而易見,但只要優化做到家,這種狀況會很少。

儘管對於現如今的頻寬來說,網頁檔案那僅以k為單位的大小實在是微不足道,但如何將這以k來計算的網頁檔案精簡到最小還是網頁設計師們應該考慮的問題之一。而橫向書寫省去了不必要的空格、換行等,大大減小了檔案大小。我們不能說哪種書寫是對的,至於具體採用哪種寫法依個人選擇kemcano,當然改變習慣可能程式設計客棧會影響乙個人的工作效率,那我們提倡的是:提交的css樣式檔案是經過**格式化的,而這個工作可以完全交給dw等工具,我們只要點選一下,整個檔案就會像我們想象的那樣呈現出來。這樣的**看起來很舒服,修改容易,團隊成員在後續交接也會變得更加順利。

ps: dreamwe**er下**格式的設定方法:

本文標題: css 書寫有怎樣的功能

本文位址:

怎樣寫有效的設計文件 譯

日趨一日,程式設計師能夠在更少的時間內完成更多的事情。使用今日的高階程式語言,開發環境,工具和 快速應用開發 思想,程式設計師和經理都已經習慣於急速的開發周期。今日的程式設計師更傾向於直接跳入到編碼之中,害怕花費在非編碼工作中的每一小時,都會導致專案截止日期前的週末多加乙個小時班。編碼之前做設計這一...

推薦的 CSS 書寫順序

以下順序是mozilla推薦的css書寫規範 這個瀏覽器解析過程有關,瀏覽器先對dom定位,然後解析自身屬性,然後再解析內部物件!顯示屬性 display list style position float clear 自身屬性 width height margin padding border ...

css書寫的小細節

css書寫的小細節 1 名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。2 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。3 不要在屬性值與單位之間留有空格。假如你使用 margin left 20 px 而不是 margin left 20px 它僅在 ...