div+css網頁設計基礎教程?

div+css是一個網頁設計師,程式設計師必經之路,是網站建設的基礎!div+css是網頁設計的最重要的元素。

div+css網頁設計基礎教程

工具/原料

電腦(配套電腦)

Dreamweaver

方法/步驟

一、準備工作,電腦一套,Dreamweaver(網頁設計軟體)

Dreamweaver下載與安裝不在本文描述。

二、div概念:

DIV是層疊樣式表中的定位技術,全稱DIVision,即為劃分。有時可以稱其為圖層。

DIV在程式設計中又叫做整除,即只得商的整數。 DIV元素是用來為HTML(標準通用標記語言下的一個應用)文件內大塊(block-level)的內容提供結構和背景的元素。

div的寫法:

div+css網頁設計基礎教程

div+css網頁設計基礎教程

三、css(俗稱樣式表文件)層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等檔案樣式的計算機語言。

圖是CSS的寫法!

div+css網頁設計基礎教程

四、div標籤結構

div+css網頁設計基礎教程

五、CSS的兩種寫法

div+css網頁設計基礎教程

div+css網頁設計基礎教程

六、例項原始碼

DIV+CSS佈局教程

Content-Left

Content-Main

後記:網頁設計是一門學問,不是一朝一夕就能成的,技術需要沉澱,知識需要積累!

注意事項

本文是小編個人心得,適合新手參閱。

歡迎各路大神指教!

網頁, 基礎, 元素, 基礎教程,
相關問題答案