怎麼知道DIV設定什麼CSS屬性樣式？

怎麼知道DIV設定什麼CSS屬性樣式？通常我們是要考慮三個面向來綜合判斷的，沒有美工圖，有美工圖，以及結合同儕網站，以下就給大家詳細介紹一下。

設定什麼CSS樣式不是憑空想像的而是有參考的，一般分三種情況下得到需要知道設定什麼樣式。

第一種：沒有美工圖，自己邊思考佈局

這種沒有美工圖也沒有可參考的情況下DIV CSS佈局，根據自己實際構思的想法來佈局設定CSS ，例如佈局左右結構時候，那就設定float:left和float:right實作物件靠左靠右，然後思考靠左靠右佈局寬度多少，再設定寬度樣式。

這種情況下佈局網頁比較慢，想一點佈局一點，可能在思考到佈局成功後要達到理想美觀效果，可能不斷修改CSS樣式參數達到細節調整，這樣比較耗時，但也是可以知道自己想要佈局什麼CSS樣式。

第二種：查看別人網站網頁進行佈局

這種情況下，沒有美工圖，但想和別人網頁佈局相同（或部分相同），這個時候就要以參考網站為對象，觀察或分析對方網站寬度多少、是否有邊框、背景樣式等樣式，依分析的或獲得的樣式進行版面設定CSS。當然如果你能知道如何分析對方程式碼（html和css），可以直接複製對方對應程式碼來使用。

第三種：有美工圖情況進行CSS佈局網頁

有美工圖是相對其它兩種佈局比較好確定CSS樣式的，一切需要設定樣式包含樣式值都可以從美工圖上分析和取得。

例如設定字體顏色，可以直觀直接看到需要設定字體顏色樣式，並透過軟體取得美工圖的對應顏色值，即可佈局好所需css字體顏色。

說了這麼多大家應該都清楚了怎樣判斷，那麼更多精彩請關注php中文網其它相關文章！

相關閱讀：

html的捲軸樣式設定

#html的網頁原始碼怎麼查看

#HTML網頁字體大小的設定

以上是怎麼知道DIV設定什麼CSS屬性樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！