怎麼知道DIV設定什麼CSS屬性樣式?通常我們是要考慮三個面向來綜合判斷的,沒有美工圖,有美工圖,以及結合同儕網站,以下就給大家詳細介紹一下。
設定什麼CSS樣式不是憑空想像的而是有參考的,一般分三種情況下得到需要知道設定什麼樣式。
第一種:沒有美工圖,自己邊思考佈局
這種沒有美工圖也沒有可參考的情況下DIV CSS佈局,根據自己實際構思的想法來佈局設定CSS ,例如佈局左右結構時候,那就設定float:left和float:right實作物件靠左靠右,然後思考靠左靠右佈局寬度多少,再設定寬度樣式。
這種情況下佈局網頁比較慢,想一點佈局一點,可能在思考到佈局成功後要達到理想美觀效果,可能不斷修改CSS樣式參數達到細節調整,這樣比較耗時,但也是可以知道自己想要佈局什麼CSS樣式。
第二種:查看別人網站網頁進行佈局
這種情況下,沒有美工圖,但想和別人網頁佈局相同(或部分相同),這個時候就要以參考網站為對象,觀察或分析對方網站寬度多少、是否有邊框、背景樣式等樣式,依分析的或獲得的樣式進行版面設定CSS。當然如果你能知道如何分析對方程式碼(html和css),可以直接複製對方對應程式碼來使用。
第三種:有美工圖情況進行CSS佈局網頁
有美工圖是相對其它兩種佈局比較好確定CSS樣式的,一切需要設定樣式包含樣式值都可以從美工圖上分析和取得。
例如設定字體顏色,可以直觀直接看到需要設定字體顏色樣式,並透過軟體取得美工圖的對應顏色值,即可佈局好所需css字體顏色。
說了這麼多大家應該都清楚了怎樣判斷,那麼更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是怎麼知道DIV設定什麼CSS屬性樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!