如何對css檔案進行整理

2022-02-25 06:12:39 字數 692 閱讀 5648

1.html元素的定義(包括如ul等一些標籤的樣式reset);

2.定義通用樣式庫;

3.先樣式再布局後模組。具體做法是:

(1)把跟顏色有關的樣式提取出來(如字型、鏈結、邊框、背景之類);

(2)把跟整體布局有關的樣式進行整理(主要是分欄的width);

-->理解寬度:

盡可能地少用寬度!

有何好處?♦ 由於ie6跟標準瀏覽器在解析width元素的不一致性,導致在使用width的時候,很可能因為太多的width而出現布局上的混亂和錯誤;♦ 少用width,同時提公升了**的可擴充套件性,因為限制了寬度,當內容需要擴充或者要把樣式引用到另乙個模組的時候,一般情況下是無法實現的。

如何更好地引用width?♦ width獨立出來,不與其他樣式寫在一起;♦ width不與border、padding、margin寫在一起。

如何做到少用width?少用圓角的、橫向漸變的。

(3)把模組的樣式進行合併。

這裡的模組是指為了**風格的統一,同一塊樣式被多次重複使用的,這時可以把樣式合併(如標題欄,選項卡、列表、分頁樣式等)。

4.先整體後區域性。

這裡的整體已經不再是從整個**或整個頁面出發了,而是具體到每乙個欄目(如**網首頁的「所有類目」、「熱賣單品」等)。

而區域性也是相對於欄目而言的(如字型、間距等)。

5.特殊的、暫時無法移除的,放在檔案最末端。

如何對Nginx日誌檔案進行切割儲存

日積月累下,日誌檔案會越來越大,日誌檔案太大嚴重影響伺服器效率,須要定時對日誌檔案進行切割。切割的方式有按月切割 按天切割 按小時切割,一般都是按天切割。那麼如何進行切割呢?思路 建立日誌檔案存放路徑 將日誌檔案以當天時間為名字進行重新命名 傳送kill usr1訊號給nginx的主程序號,讓ngi...

用CSS對網頁進行布局

今天學習了用css對網頁進行簡單的布局,感覺還不錯,下面來分享一下。首先用div給頁面分塊是基礎,網頁布局就是將網頁合理的分成乙個乙個塊。接下來寫css層疊樣式,給每個要定義樣式的div定義乙個class或id,在對應的class裡面寫好樣式,這裡最主要的用到的屬性有margin,padding,w...

使用CSS對iframe進行裁剪

今天做需求的時候,前端需要使用iframe嵌入乙個bi上的表,但那張表最下邊有些不相干的資訊需要裁掉。很簡單的需求,但當時還真沒立刻想出來怎麼搞 過了幾秒後才想起來 方法也很簡單,就是在iframe外邊再套一層,使用overflow hidden 這種靈機一動容易忘,在部落格裡寫下來這個小想法 用的...