- HTML DIV目錄
一、Html DIV介紹 - TOP
如在html中DIV代碼片段:
<div class="yangshi">演示</div>
二、DIV標簽使用說明: - TOP
1)、在DIV+CSS切圖布局重構技術中,提到div,而在html中代碼布局使用最多標簽為div,
2)、故我們通常將網頁重構說成div css制作。
3)、Div本身沒有什么特別之處,而div標簽替代了以前table標簽布局。
4)、他們通過對div標簽對象設置不同樣式實現我們要的美化效果。
5)、特性,通常一對未設置任何樣式的div,獨占一行。
三、DIV作用 - TOP
Div起分割作用,分割內容使用的常用標簽。DIV+CSS更是起到分割與設置對應樣式作用。
四、div演示代碼: - TOP
- <!DOCTYPE html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>div 演示</title>
- <style type="text/css">
- .yangshi{ color:#F00;}/* 設置顏色為紅色 */
- .yangshi2{ color:#0F0;}/* 設置顏色為綠色 */
- </style>
- </head>
- <body>
- <div class="yangshi">設置我顏色為紅色</div>
- <div class="yangshi2">設置我顏色為綠色</div>
- </body>
- </html>
div css的html樣式結果圖:
說明:以上使用了個div分別隔開了“設置我顏色為紅色”和“設置我顏色為綠色”文字,并分別設置了文字樣式。
總結:
Div是Html標簽之一,div具有分割內容作用,div與CSS樣式可讓網頁實現各種樣式效果。
在html中使用最多的布局標簽為div,加上對網頁設置css樣式,所以通常我們就說div+css制作即使有div標簽+css樣式實現網頁布局重構。
如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/html/h121.shtml