是菜鳥,可能寫的不好,不夠明朗,還忘大蝦提點,也希望可以和新手一起學習
首先申明,我覺得
div+css
樣式布局
入門是非常簡單的,只是簡單的屬性,與屬性值而已。但是要想用好他,我覺得那是一門藝術,速成不了。
div+css
遵循的是網頁標準設計,也就是
web標準,而
web標準最注重的就是:「結構的語義化」
(分別定義,區塊分明,強化重用,**易讀)。
div排版的核心:即
css盒子模式
css
每個div
盒子模式包括:內容
(content)
、填充(padding)
、邊框(border)
、邊界(margin)
用div+css
設計思路是這樣的:1.
用div
來定義語義結構;給頁面分塊。
2.然後用
css來美化網頁,如加入背景、線條邊框、對齊屬性等;
3.最後在這個
css定義的盒子內加上內容,如文字、等
**演示:(簡單分塊)
">
">
頭部分包括導航等
box
內容部分
包括頁面上的一切內容
/box
(文字,,資訊,諮詢
......)
版權部分
**作者
版權許可證以及超級連線)
顯示效果:
然後就可以具體按塊(或者說是
box)給每個塊
進行乙個
css的屬性設定。比如
background-color
背景顏色設定
background-image
背景圖案,
font-size:
字型大小,
color:
字型顏色等
都可以達到很不一般的效果哦。
在製作網頁的時候:
css中的盒子寬度計算
,最好的瀏覽效果是
960-970px
(參考sina
、阿里吧吧、雅虎等大**都是這個寬度
,不過只要設定寬度在
1004px
之內,顯示都是正常的)
其次,就是在寫
css的時候,要注意
ie瀏覽器和
ff瀏覽器的相容問題,要考慮到使用者在瀏覽我們**時候,他瀏覽器的顯示效果。
DIV CSS 菜鳥分享學習心得 入門篇
div css 遵循的是網頁標準設計,也就是 web標準,而 web標準最注重的就是 結構的語義化 分別定義,區塊分明,強化重用,易讀 div排版的核心 即 css盒子模式 css每個 div盒子模式包括 內容 content 填充 padding 邊框 border 邊界 margin 用div ...
學習心得 python學習心得
自從來了深圳工作以後,尤其是屢屢面試碰壁以後。發現其實自己的知識面很窄,做筆試題的時候絞盡腦汁還是漏洞百出,並不是不會做,而是出現一大堆不該有的失誤。每次被問道,對資料庫了解嗎?說一大堆看起來很高階的東西 好啊,那我們寫幾個sql語句吧。馬上完蛋了,沒了手冊關鍵字都記不起。了解哪幾種指令碼語言,sh...
FPGA學習心得分享(二)
掌握一門程式語言的最好方法是漸進式刷題 verilog語法原則要注意乙個reg最好只在乙個always塊裡進行賦值操作 if else或case等條件選擇語句需要完備的條件,防止綜合出不必要的latch 關於 default和else的必要性 組合邏輯的case最好要有default,因為如果cas...