一、CSS遵循以下順序：

1.佈局定位屬性：display/position/float/clear/visibility/overflow(display第一個寫）

2.自身屬性： width/height/margin/padding/border/background

3.文字屬性：color/font/text-decoration/text-align/vertical-align/white-space/break-word

4.其他屬性(CSS3):content/cursor/border-radius/box-shadow/background:linear-gradient....

二、頁面佈局整體的思路：

1.確認頁面的版心（可視區）版心的寬度。如下圖,紅色框內為版心：

2.分析頁面的行模組，以及每個行模組中的列模組。以下紅色為行，綠色為列。

3.一行中列模組一般用浮動佈局，先確認每個列的大小，在確定列的位置。

4.只做html結構。遵循現有結構，在有樣式的原則。結構永遠最重要。

5.先理清楚佈局結構，在寫程式碼。

三、圖片

1.jpg .jpeg，高清，顏色較多。

2.gif 動畫

3. .png能夠保持透明背景。

4.psd ps的格式。

本文來自部落格園，作者：kaer_invoker，轉載請註明原文連結：https://www.cnblogs.com/invoker2021/p/15012282.html