學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS?

DIV+CSS其實是html+css,說DIV不過是為了區別與以前流行的表格網頁。DIV+CSS層次更清楚,修改更容易。不想表格網頁動一格,可能就需要全部重新調整。那麼學習DIV+CSS需要哪些知識了?新手如何進行學習了?本文將會分享一些我自己的學習經驗。

工具/原料

Dreamweaver軟體

方法/步驟

為了能系統的學習,建議新手朋友可以先學點html的基礎知識。推薦W3C。

這一部分需要學習html的基礎標籤,html的書寫格式等。比如一個html頁面的構成肯定會有一個一個、標題等等。頁面裡的標籤成對存在。具體請到W3C進行系統學習瞭解。

學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS

如果你懂了基礎知識,可以用表格進行簡單的網頁製作了。就可以正式開始學習DIV+CSS部分的內容了。

學習CSS最關鍵是要明白CSS的作用是什麼。學習要懂了才能舉一反三。才能在別的地方使用。CSS是層疊樣式表的縮寫,直接理解就是一層一層的樣式疊在一起放在一個檔案中。CSS可以控制網頁中圖片、文字、視訊、表格等等元素的位置、樣式。我們只需要學習一些常用的,不常用的,可以隨時查資料。如圖所示,樣式表單獨放在html之外,方便修改。

學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS

CSS基礎控制

以文字為例,可以控制大小、字型、顏色、粗體、斜體等。圖片可以控制對齊方式等。DIV可以控制外邊距、內邊距、邊框的大小、顏色、樣式等等。這些都是CSS的基礎內容。需要重點學習熟記。

學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS

CSS定位

當你學會基礎的控制,還需要學習一個重點,就是定位。CSS的定位決定了網頁中各個元素的位置,決定了使用者看到的網頁是一個什麼樣式。學定位最重要的是需要理解margin跟padding的區別。以及難點絕對定位和相對定位。

學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS

CSS選擇器

這也是學習CSS的一個重點內容,CSS不同選擇器有不同的優先順序,不同的情況應用也不同。這個是學習的難點,也是重點。必須要掌握。要使用css對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器

學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS

CSS高階應用,CSS3學習

學習完前面的內容,你基本上已經可以應付大部分的網頁了。但是CSS還有一些高階內容可以進行學習。那就是CSS動畫。可以讓網頁中產生良好的動畫互動效果。不過CSS3因為相容性的原因,還不是很普及,但是我相信很快就會支援所有的瀏覽器,所有這個也是我們需要掌握學習的。點選下面的框框就會顯示不同的動畫效果,如果感興趣,可以按圖片中的內容百度搜索來看看吧。

學習DIV+CSS需要掌握哪些知識?如何學習DIV+CSS

總結,以上主要總結了CSS的內容。但是學習起來不是一天兩天能完成。希望想學的同學認真學習。教程看W3C的就足夠了。

注意事項

注意文中提到的重點。只要弄明白了,你就可以獨立製作網頁了。

區別, 網頁, 知識, 新手, 表格,
相關問題答案