首頁 > web前端 > html教學 > 怎麼知道DIV設定什麼CSS屬性樣式?

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

php中世界最好的语言
發布: 2017-11-22 17:40:32
原創
2121 人瀏覽過

怎麼知道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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板