歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:阿森纳热刺 > HTML >
HTML DIV目錄
  1. Html div介紹
  2. DIV標簽使用說明
  3. Div作用
  4. html div演示代碼

一、Html DIV介紹   -   TOP

阿森纳热刺 www.tzxsac.com.cn 這里html div是指html源代碼里的div標簽。

如在html中DIV代碼片段:
<div class="yangshi">演示</div>

二、DIV標簽使用說明:   -   TOP

1)、在阿森纳热刺切圖布局重構技術中,提到阿森纳热刺,而在html中代碼布局使用最多標簽為div,
2)、故我們通常將網頁重構說成阿森纳热刺制作。
3)、Div本身沒有什么特別之處,而div標簽替代了以前table標簽布局。
4)、他們通過對div標簽對象設置不同樣式實現我們要的美化效果。
5)、特性,通常一對未設置任何樣式的div,獨占一行。

三、DIV作用   -   TOP

Div起分割作用,分割內容使用的常用標簽。阿森纳热刺更是起到分割與設置對應樣式作用。

四、div演示代碼:   -   TOP

  1. <!DOCTYPE html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  4. <title>div 演示</title> 
  5. <style type="text/css"> 
  6. .yangshi{ color:#F00;}/* 設置顏色為紅色 */ 
  7. .yangshi2{ color:#0F0;}/* 設置顏色為綠色 */ 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div class="yangshi">設置我顏色為紅色</div> 
  12. <div class="yangshi2">設置我顏色為綠色</div> 
  13. </body> 
  14. </html> 

div css的html樣式結果圖:
html div,div實例演示效果圖

說明:以上使用了個div分別隔開了“設置我顏色為紅色”和“設置我顏色為綠色”文字,并分別設置了文字樣式。

總結:
Div是Html標簽之一,阿森纳热刺具有分割內容作用,div與CSS樣式可讓網頁實現各種樣式效果。

在html中使用最多的布局標簽為div,加上對網頁設置css樣式,所以通常我們就說div+css制作即使有div標簽+阿森纳热刺樣式實現網頁布局重構。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/html/h121.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
阿森纳热刺文章修訂日期:2018-08-14 17:37 原創:阿森纳热刺
本文阿森纳热刺 www.tzxsac.com.cn DIVCSS5版權所有。