1、1新建一個(gè)html文件，命名為testhtml，用于講解div+css布局的基本流程2在testhtml文件內(nèi)，對(duì)body進(jìn)行樣式初始化，設(shè)置外邊距margin為0，內(nèi)邊距padding為0，同時(shí)使用textalign設(shè)置文字居中3在testhtml文件內(nèi)，為了講解方便，設(shè)置所有的div高度為200px，內(nèi)容的顏色為紅色4在testhtml文件。

2、2浮動(dòng)原理Margin認(rèn)知 Margin，是CSS的語(yǔ)法，這個(gè)簡(jiǎn)寫(xiě)屬性用于在一個(gè)聲明中設(shè)置所有當(dāng)前或者指定元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度3框架應(yīng)用搭建 框架很多，在這個(gè)教程中選擇一個(gè)主流框架帶大家看看前端框架如何搭建4插入圖片文字標(biāo)簽和版頭導(dǎo)航欄 編寫(xiě)的網(wǎng)頁(yè)中插入圖片，可以。

3、1新建一個(gè)html頁(yè)面2在html頁(yè)面上新建三個(gè)div標(biāo)簽，分別為這三個(gè)div添加class為headermainfooter3創(chuàng)建style標(biāo)簽用于設(shè)置css樣式在title標(biāo)簽下創(chuàng)建一個(gè)style標(biāo)簽，然后為header類(lèi)設(shè)置div的高背景顏色樣式4為顯示主要內(nèi)容的main類(lèi)設(shè)置樣式在style標(biāo)簽里設(shè)置main類(lèi)樣式的邊框?qū)捀摺?/p>

4、1高度和寬度根據(jù)需要設(shè)定注意如果只寫(xiě)高度，只有垂直滾動(dòng)條，只寫(xiě)寬度，只有水平滾動(dòng)條，所以什么都不寫(xiě)沒(méi)有效果同樣在這里，overflow設(shè)置為auto，也就是說(shuō)如果你的頁(yè)面高度大于300px，就會(huì)有滾動(dòng)條如果小于300像素，就不會(huì)有滾動(dòng)條同樣，如果寬度大于100px，則出現(xiàn)滾動(dòng)條如果寬度小于100像素。

5、在CSS斜體是通過(guò)fontstyle屬性來(lái)設(shè)置如設(shè)置斜體代碼fontstyleitalicfontstyleoblique 有二個(gè)，它們區(qū)別是italic 斜體對(duì)于沒(méi)有斜體變量的特殊字體，將應(yīng)用oblique oblique 傾斜的字體 通過(guò)以上2個(gè)值，看看效果，代碼如下 html head title文字斜體title style ！ p fontsize。

6、1先新建一個(gè)html文件，并在head中添加樣式表styletype=quottextcssquotstyle2在body中添加一個(gè)DIV，并引入一個(gè)CSS，命名為aaa3給這個(gè)DIV添加背景色，并定義它的寬和高background#FA2width400pxheight600px4然后添加如下代碼positionfixedleft50%top。

7、three#34刪除線(xiàn)文字測(cè)試p p正常文字對(duì)比p body html 如果希望一段文字不僅有下劃線(xiàn)刪除線(xiàn)還有頂劃線(xiàn)，那么他們各個(gè)值用空格分開(kāi)， textdecorationunderline overline linethroughhtml head title文字下劃線(xiàn)頂劃線(xiàn)刪除線(xiàn)同時(shí)有title style ！ test textdecorationunderline overline。

8、使用div標(biāo)簽的方法為div HTML內(nèi)容 div如果單獨(dú)使用div標(biāo)簽，而不加任何CSS樣式，那么它的效果和使用p標(biāo)簽是一樣的二插入div標(biāo)簽1 將鼠標(biāo)放在要插入div標(biāo)簽的位置上，然后點(diǎn)擊“插入”菜單，選擇“布局對(duì)象”命令，在彈出的子菜單中選擇“Div 標(biāo)簽”項(xiàng)或者在“插入”面板中選擇“布局”項(xiàng)。

9、is a paragraphltp ltdiv CSS是把文件的樣式和排版都放在一個(gè)文件中，需要用的直接引用那個(gè)問(wèn)題就好了 參考資料lta href=quothtmlquot target=quot_blankquot rel=quotnofollow noopenerquothtmllta。

10、樓主你好！div+css書(shū)寫(xiě)基礎(chǔ)教程新手學(xué)習(xí)基本思路 對(duì)于新手，感覺(jué)亂是正常的，div+css最重要的就是的寫(xiě)，去熟悉它的每一個(gè)標(biāo)簽跟語(yǔ)法很多新手因?yàn)闆](méi)有好的方向跟方法去實(shí)施它，所以感覺(jué)不知道從何入手迷失也曾在知道中給人簡(jiǎn)單解答過(guò)這個(gè)問(wèn)題，下面在本站中跟大家聊聊1從局部出發(fā)從一個(gè)小的部分。

11、下載文件W3CSchoolchm做為一個(gè)初學(xué)都，這個(gè)手機(jī)再好不過(guò)了，非常詳細(xì)全面。

12、1啟動(dòng)DW軟件，新建一個(gè)網(wǎng)頁(yè)文件，在body中添加一個(gè) 標(biāo)簽，然后給他一定CSS樣式，width300pxheight200pxbackground#ff0000我們可以看到填充了背景色為紅色2然后我們添加線(xiàn)性漸變代碼backgroundwebkitlineargradientleft，#ff5000，#ff9000norepeat，保存并刷新網(wǎng)頁(yè)后，可以看到。

13、1學(xué)習(xí)一下基本知識(shí)包括html基本知識(shí)，然后再學(xué)習(xí)一下CSS基本語(yǔ)法兩天2實(shí)踐開(kāi)始，在網(wǎng)上搜索div+css教程，有一個(gè)十天學(xué)會(huì)div+css，寫(xiě)的比較全面，內(nèi)容層次性強(qiáng)你就把這十個(gè)課程的內(nèi)容邊學(xué)邊做，體會(huì)網(wǎng)頁(yè)制作基本過(guò)程五天3高手必經(jīng)之路，模仿制作下載個(gè)火狐瀏覽器，安裝firebug。

14、8接下來(lái)寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)來(lái)看下CSS樣式表是否鏈 接成功打開(kāi)html網(wǎng)頁(yè)編輯頁(yè)面，在body標(biāo)簽中輸入一個(gè)div如下圖9然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表，并在樣式表中寫(xiě)一個(gè)樣式，命名為aaa，并保存樣式表快捷鍵Ctrl+S10然后回到html編輯頁(yè)面，在div標(biāo)簽中引入class。

15、下面就一個(gè)簡(jiǎn)單的盒子為例如圖 border這個(gè)位置可選border四邊邊框，bordertop頂部邊框，類(lèi)似還有borderleftrightbutton寬度即為邊框?qū)挾葮邮接腥鐖D顏色忽略，如有不清楚的可以參見(jiàn)w3school教程asp 望采納。