DIV CSS 菜鳥分享學習心得 入門篇

2021-09-08 06:52:26 字數 1388 閱讀 2409

是菜鳥,可能寫的不好,不夠明朗,還忘大蝦提點,也希望可以和新手一起學習

首先申明,我覺得

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...