如何快速用css加div做一個簡單網頁

2023-03-09 12:15:08 字數 2638 閱讀 9886

1樓:匿名使用者

在桌面建立一個的檔案和的檔案,當然你也可以不用的檔案,但是為了方便操作,還是建一個吧。只要把記事本另存為就可以了。

做好這兩個檔案後我們把網頁的基礎**寫上去,並使index檔案受到的控制,我們右鍵選擇用記事本開啟index檔案輸入**,並在head裡寫上使它受到控制。

下面我們去寫一些屬性看看是不是能控制index檔案。我希望整個頁面是粉色的,看上去溫馨,我在main.

css裡寫上*看看。我們開啟index檔案看看是不是在瀏覽器上是不是粉色的。在瀏覽器上是粉色的,表示已經受到css樣式表的控制了。

下面我們進行佈局一般網頁都是3層一級,所以我們需要div佈局了在body裡面寫一般我會先分為3層。

佈局好後我們需要去定義屬性了,這裡我只是簡單的定義了一下。

#top#top1

#top2#top3

定義好了我們開啟預覽一下看看,**是不是居中和分成3塊了。當然,顏色只是為了方便看清楚,可以不寫。

其實做網頁就是不斷的畫框,只要知道佈局和定義屬性就可以了,下面我們就整個做一下,因為我的有一些是一樣的,可以用class呼叫,class=baidu這個只是隨便寫的,你愛等於什麼就等於什麼。

這裡都是我截圖的**。

下面我們再去定義他的屬性,當然我只是簡單的定義一下。

因為我這個是我截圖相簿的網頁,下面我們就放**吧,這裡我偷個懶,把**都放在桌面了,所以不用連線**地址了。

這裡都是我老婆的**。

這樣一個網頁就做好了,如果需要製作精美的網頁,就需要不斷的進行div佈局和css樣式的規定了。

下面我來說說網頁製作的定義,網頁的製作只要會使用div不停的佈局,不停的定義他的屬性,基本靜態的網頁就是這樣做出來的。

2樓:鹿去愛

css和div分開,也可以放在同一個檔案中,下面就是一個簡單的css+div網頁,簡單不。

" >"

" >"

一個簡單網頁。

怎麼可以最簡單的使用div+css製作網頁框架

3樓:匿名使用者

1、佈局先把大框架確定,再逐步把內部的細節構建出來,從層級關係來看就是由外往內佈局;

2、如果你對divcss不是很熟悉,那麼你可以先以**作為背景**代替。

3、如果對佈局定位不是很熟練,那麼可以暫時以絕對位置來佈局。

4、自己不熟悉的情況下,在設計平面頁面的時候就要先考慮到自己是否有能力寫出這個頁面的佈局出來,或者說自己寫出來的不出問題;比如圓角、陰影、半透明效果、模組錯位疊加等等;

其實頁面佈局是否簡單只是相對而言的,精通的人和新手的看法肯定不同,從長遠來看,新手還是不要取巧,寫divcss**的時候不要怕出錯,不要怕難,碰到了問題就去尋找解決的方法,針對問題然後去解決問題是最好的解決方式,當你不再碰到問題或者很少碰到問題的時候,就說明你已經精通或者離精通不遠了。

還有一點要說一下,學習得有一個喜歡的態度,不要當做負擔或者任務來學習,當你對一個東西感興趣的時候你會學習的很快;就好比讀書的時候某些學生某一科的成績一直很好,絕大部分人其實都是感興趣才會學的那麼好。

4樓:匿名使用者

推薦使用成熟的css框架產品,例如渴切-開源中文css框架,bootstrap

5樓:網友

一、自己寫框架的時候,首先學習好的框架結構。

1.找一些網頁然後檢視源**。

2.複製源**到**。

3.找css,js路徑。

測試你所拷貝的**是否成功。效果是不是都顯示。

二、當你會修改後,你的div+css基本功底已經有了,那麼你就可以自己寫一些網頁框架了。

1.看著別人的網頁效果。

2.自己用div+css寫框架。

3.測試各個瀏覽器的相容性。

當你把這些東西都會了。那麼你也就成了專家了。

div+css如何快速入門?

6樓:欲緣非緣

這個很簡單的 先模仿開始 就很快可以入門了。

7樓:攘夷是

動手練習吧 這樣進步最快的。

為什麼使用div+css來製作**

8樓:山水阿銳

現今div+css製作網頁已經成為了一種新的標準,所以很多網頁設計師都從使用table**轉入使用div+css.但也有很多人不知道為什麼要使用div+css,從而造成了一種錯誤的觀念,即table比div好用得多,div排版又那麼複雜難學,所以沒必要浪費時間在那上面,下面就來說說在學習div+css後對這種網頁製作新標準的一些好處。

首先現在已經不是以前,上網時絕大部分人用的是ie瀏覽器了,如一些人更喜歡用firefox、netscape、opera,後三種瀏覽器現在已經支援新的web標準,而新的ie7也將完全支援這一web標準,這意味著當你再用這些瀏覽器開啟一些舊網頁時可能會看見一副慘不忍睹的頁面,究其原因就是新的web標準規範了一些頁面佈局模式(div、table)和css功能,這使得網頁更規範化,我認為它所帶來的最大好處就是這樣的網頁更易於被搜尋引擎搜尋和分析網頁內容。

如何才能做一個有心計的人?如何做一個有心計的人?

如何做一個有心計的人?學會觀察 所謂眼觀六路耳聽八方,這是在社會上打拼必須掌握的知識。不管你在哪兒,單位裡,學校裡,哪怕是飯桌上聚會中,你都要學會觀察,觀察在你身邊的每一個人,觀察正在發生的每一件事。你不能只是沉浸在自己的感官裡,你要調動起自己所有的敏銳因子,細心的觀察你周邊的任何人與事。學會判斷 ...

如何做一個有品位的人,如何做一個有品位的男人

內涵的培養有兩個步驟,第一是假裝有內涵,第二是真的有內涵。首先你應該裝得很有內涵,怎麼說呢?就是要假裝深沉,少說廢話少開玩笑,時刻保持成熟深奧的微笑,跟別人說話時要注意分寸,別忘記自己的表現會給別人帶來什麼樣的印象,當別人說錯話或者做錯一些無關緊要的事又或者無意或有意傷及你時不要急於反擊,要保持微笑...

如何做一個不生氣的人?怎麼做一個不生氣的人

想要做一個不生氣的人,首先要調整好心態,並嘗試著做到以下幾點要求。1 對自己要求嚴格,不放縱。生氣其實是對自我的一種失控表現,也是長期放任自我的習慣性反應,要想改變這樣的行為,就要對自己有足夠嚴格的要求。在平常的生活中不放縱自己,也不隨意爆發自己的脾氣,對自我有足夠的掌控力。當你對自己要求越來越嚴格...