DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> 怎麼確定要對DIV設置什麼CSS屬性樣式?
怎麼確定要對DIV設置什麼CSS屬性樣式?
編輯:布局基本知識     

 

如何確定要對DIV設置什麼CSS屬性樣式呢?如何知道對div設置哪些CSS樣式呢?

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

第一種:沒有美工圖,自己邊思考布局

這種沒有美工圖也沒有可參考的情況下DIV CSS布局,根據自己實際構思的想法來布局設置CSS,比如布局左右結構時候,那就設置float:left和float:right實現對象靠左靠右,然後思考靠左靠右布局寬度多少,再設置寬度樣式。

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

第二種:查看別人網站網頁進行布局

這種情況下,沒有美工圖,但想和別人網頁布局相同(或部分相同),這個時候就要以參考網站為對象,觀察或分析對方網站寬度多少、是否有邊框、背景樣式等樣式,根據分析的或獲得的樣式進行布局設置CSS。當然如果你能知道如何分析對方代碼(html和css),可以直接復制對方對應代碼進行使用(在ThinkCSS課堂第一節課也會教大家如何快速獲得別人網站代碼)。

第三種:有美工圖情況 進行CSS布局網頁

有美工圖是相對其它兩種布局比較好確定CSS樣式的,一切需要設置樣式包括樣式值都可以從美工圖上分析和獲取到。

比如設置字體顏色,可以直觀直接看到需要設置字體顏色樣式,並通過軟件獲取美工圖的對應顏色值,即可布局好所需css字體顏色。

當然在ThinkCSS其它文章中也教大家如何使用軟件與如何獲取寬度、背景圖片、顏色等樣式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved