如何確定要對DIV設置什麼CSS屬性樣式呢?如何知道對div設置哪些CSS樣式呢?
設置什麼CSS樣式不是憑空想象的而是有參考的,一般分三種情況下得到需要知道設置什麼樣式。
第一種:沒有美工圖,自己邊思考布局
這種沒有美工圖也沒有可參考的情況下DIV CSS布局,根據自己實際構思的想法來布局設置CSS,比如布局左右結構時候,那就設置float:left和float:right實現對象靠左靠右,然後思考靠左靠右布局寬度多少,再設置寬度樣式。
這種情況下布局網頁比較慢,想一點布局一點,可能在思考到布局成功後要達到理想美觀效果,可能不斷修改CSS樣式參數達到細節調整,這樣比較耗時,但也是可以知道自己想要布局什麼CSS樣式。
第二種:查看別人網站網頁進行布局
這種情況下,沒有美工圖,但想和別人網頁布局相同(或部分相同),這個時候就要以參考網站為對象,觀察或分析對方網站寬度多少、是否有邊框、背景樣式等樣式,根據分析的或獲得的樣式進行布局設置CSS。當然如果你能知道如何分析對方代碼(html和css),可以直接復制對方對應代碼進行使用(在ThinkCSS課堂第一節課也會教大家如何快速獲得別人網站代碼)。
第三種:有美工圖情況 進行CSS布局網頁
有美工圖是相對其它兩種布局比較好確定CSS樣式的,一切需要設置樣式包括樣式值都可以從美工圖上分析和獲取到。
比如設置字體顏色,可以直觀直接看到需要設置字體顏色樣式,並通過軟件獲取美工圖的對應顏色值,即可布局好所需css字體顏色。
當然在ThinkCSS其它文章中也教大家如何使用軟件與如何獲取寬度、背景圖片、顏色等樣式。