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

一、Html DIV介紹   -   TOP

這里html div是指html源代碼里的div標簽

如在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

  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具有分割內容作用,div與CSS樣式可讓網頁實現各種樣式效果。

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

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

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

江西多乐彩走势图今天 看手机电视剧能赚钱的软件有哪些 山西推倒胡麻将贴吧 加盟全聚德能赚钱吗 天天网赚app下载赚钱 诚信彩群 法师耍花赚钱 做相片十字绣赚钱吗 捕鸟达人宠物 基金公司是通过什么赚钱的 短途贩运什么赚钱 qq空间捕鱼大亨辅助 车友会会长如何赚钱 淘宝分享宝贝赚钱 盈宝彩网址 考什么证可以挂靠赚钱教养老金 京东优惠券推广赚钱