1、1打開(kāi)編輯器，新建testhtml，用于學(xué)習(xí)今天的內(nèi)容2接下來(lái)需要在head標(biāo)簽下方引入插件3在頁(yè)面的body標(biāo)簽里，新建一個(gè)p，名稱為test4在body標(biāo)簽下方寫上scriptscript，用來(lái)存放js代碼通過(guò)class定位到p，通過(guò)css方法讓文字居中5在瀏覽器中打開(kāi)testhtml，可以在文字。

2、1#divid p選取的是id為divid下的所有p元素#divid的子元素，可以有多個(gè)p元素ltdiv id=quotdividquot ltp我被選取ltp ltp我也被選取ltp ltp我也被選取ltp ltdiv 2p#divid選取的是id為divid的p元素，只有一個(gè)元素ltp id=quotdividquot我是p元素，我的id是divid。

3、第一種辦法換DIV的名字再調(diào)入外部CSS第二種方法用類樣式表覆蓋ID樣式ltdiv id=quots_navquot class=quotdrop_menuquot div第三種方法不調(diào)入外部CSS把CSS直接復(fù)制到網(wǎng)頁(yè)里，修改該頁(yè)的樣式這種我建議你用~。

4、在css里先寫入內(nèi)容的屬性，比如 menu width500px margin0px auto然后在html內(nèi)調(diào)用， ltdiv class=quotmenuquot內(nèi)容ltdiv。

5、1實(shí)現(xiàn)定義好的樣式類，然后div直接ltdiv class=quottestquotltdiv test 2直接寫樣式代碼 ltdiv style=quotxxxxquotltdiv 3直接指定id ltdiv id=quottestquotltdiv test 4直接指定標(biāo)簽，這種寫法，將對(duì)所有div標(biāo)簽有效 ltdivltdiv div。

6、在頁(yè)面的head標(biāo)簽中插入代碼ltstyle type=quottextcssquotltstyle 在style標(biāo)簽中添加樣式就可以了 然后你可以在頁(yè)面外部修改css樣式表，用這方法控制div的大小位置填充邊距背景字體之類的屬性但是這種方法不是很好，因?yàn)樾薷牡臅r(shí)候麻煩，而且網(wǎng)上瀏覽下載的時(shí)候較慢如果還有什么不明白的地方。

7、ltstyle type=quottextcssquot margin 0padding 0 bodywidth1012px div width 300pxheight 300pxborder 2px solid #333bordersizingborderbox*將邊框設(shè)置為內(nèi)邊框 這樣就不影響元素的寬度和高度，這樣正好右列二到頁(yè)面左邊距正好是700px ，沒(méi)有這個(gè)屬性的話是708px* f。

8、第一步先建立indexhtml和csscss兩個(gè)文件放在同一目錄里 建議編輯工具用Dreamweaver以后簡(jiǎn)稱DW第二步在indexhtml里的ltheadlthead之間放入 ltlink href=quotcsscssquot rel=quotstylesheetquot type=quottextcssquot 這段代碼是外部CSS調(diào)用，注意href=quotcsscssquot這是路徑 因?yàn)閕ndexhtml和css。

9、1我們創(chuàng)建一個(gè)HTML頁(yè)面，在body標(biāo)簽中添加一個(gè)div標(biāo)簽組2然后在上面的head標(biāo)簽中title標(biāo)簽下，輸入引用CSS的代碼style標(biāo)簽3然后在標(biāo)簽中輸入一個(gè)CSS名稱以及相關(guān)的樣式要注意看下圖的格式，別少輸入了4最后在下方的div標(biāo)簽中，引入cass，并輸入對(duì)應(yīng)的樣式名稱這樣就成功引入了CSS。

10、rel 連接的文件與html文檔之間的關(guān)系 type 文件類型 href 指向鏈接的css文件 這是最常用的引入方式，這種方法可以將css寫入一個(gè)文檔直接放在一個(gè)文件夾中，即將html與css分離開(kāi)來(lái)2在html文檔的head部分直接寫入css文檔 p fontsize20pxcolorblue 3在標(biāo)簽中直接加入 ltdiv style=quotborder2。

11、ltstyle ltdiv ltbody lthtml stylecss* This is an external style sheet * h1 color green p fontsize 18pxtextalign right 這段代碼中，第一個(gè)div使用內(nèi)聯(lián)CSS來(lái)樣式其內(nèi)容，第二個(gè)div使用外部CSS文件來(lái)樣式其內(nèi)容，第三個(gè)div使用嵌入式樣式表來(lái)樣式其內(nèi)容。

12、接下來(lái)將逐個(gè)講解html引用css方法的例子 1直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如ltdiv style=quotfontsize14px color#FF0000quot我是div css測(cè)試內(nèi)容支持ltdiv 效果如下圖 2在html頭部head部分內(nèi)style聲明插入代碼如下ltstyle type=quottextcssquot lt！ ceshi fontsize14px color#。

13、lth1lta href=quot#quot這是試驗(yàn)調(diào)用文字ltalth1 直接h1標(biāo)簽調(diào)用，不必使用DIV這段代碼定義的是h1標(biāo)簽中的鏈接點(diǎn)擊后的顏色。

14、下面我們進(jìn)行布局一般網(wǎng)頁(yè)都是3層一級(jí)，所以我們需要div布局了在body里面寫一般我會(huì)先分為3層 lthtml lthead lttitlelttitle ltlink href=quotmaincssquot type=quottextcssquot rel=quotstylesheetquot lthead ltbody ltdiv id=quottopquot ltdiv id=quottop1quotltdiv ltdiv id=quottop2quotltdiv ltdiv。

15、首先，建議你一點(diǎn)，與其在上一個(gè)div里面用marginbottom不如在下一個(gè)div里面用margintop，因?yàn)閙arginbottom經(jīng)常會(huì)失效，而你這樣的布局可以這樣寫 ltstyle margin0pxpadding0px bodymargin0px auto bluemargin0px autobackground#34d5f2padding150px 50pxmargintop100px。

16、DIV+CSS我們可以分為DIV和CSS兩個(gè)概念CSS全稱為Cascading Style Sheets，中文翻譯為“層疊樣式表”，簡(jiǎn)稱CSS樣式表，所以稱之為層疊樣式表Cascading Stylesheet簡(jiǎn)稱CSS在網(wǎng)頁(yè)制作時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局字體顏色背景和其它效果實(shí)現(xiàn)更加精確的控制只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的。