C S S 教學-DIV標籤
文章推薦指數： 80 %
但是，要怎樣讓瀏覽器知道某一句話，或是某一個字是一個物件？或是要讓圖片和表格同時動來動去，那麼此時，您就需要用到
、標籤 ...
DIV
¼ÐÅÒ
¡i¥´¥]ºô¶¤¸¥ó¡j
³Q
©Î¼ÐÅÒ¥]°_¨Óªº¤å¦r¡B¹Ï¤ù...¥ô¦óªF¦è¡AÂsÄý¾¹³£·|±N¤§µø§@¤@Óª«¥ó¡C´N¦p¦P§Ú̦b¥´¥]ª««~¤@¼Ë¡A±z¥i¥H¤@Ó¥]»q¥u¥]¤@¥ó¦çªA¡A¤]¥i¥H¤@Ó¥]»q¥]¦çªA¡B¾c¤l¡B´U¤lµ¥¡C
©M¼ÐÅÒ´N¬O³oºØ¥\¯à¡I±z¥i¥H¥Î¼ÐÅÒ¥]¦í¤@¬q¤å¦r¡A¸Ó¬q¤å¦r´N¦¨¤F¤@Óª«¥ó¡]±zn·Q¦¨¥]»q¤]µL¥i«p«D...¡^¡A±z¤]¥i¥H¥Î¼ÐÅÒ¥]¦í¤@¬q¤å¦r¡A¤@±i¹Ï¡B¤@Óªí®æ¡A¨º»ò³o¤TÓªF¦è¤]·|³Qµø§@¤@Óª«¥ó¡C
³o¨âÓ¼ÐÅÒ¦bDHTML¡]°ÊºAHTML¡^¤¤¡A¬O¬Û·í«nªºªF¦è¡A¦]¬°¡A°ÊºAHTMLÅU¦W«ä¸q¡A¦³¨ÇªF¦è¬O°ÊºAªº¡A¥i¯à¬O¤@±i¹Ï¡B¤@¬q¤å¦rn°Ê¨Ó°Ê¥h¡Cn¤@±i¹Ï°Ê¨Ó°Ê¥hÁÙ¦n¡A¦]¬°¡A¤@±i¹Ï¥»¨´N¬O¤@Ó¡uª«¥ó¡v¡C¦ý¬O¡An«ç¼ËÅýÂsÄý¾¹ª¾¹D¬Y¤@¥y¸Ü¡A©Î¬O¬Y¤@Ó¦r¬O¤@Óª«¥ó¡H©Î¬OnÅý¹Ï¤ù©Mªí®æ¦P®É°Ê¨Ó°Ê¥h¡A¨º»ò¦¹®É¡A±z´N»Ýn¥Î¨ì
¡B¼ÐÅÒ¡C
¡i¦³¤°»ò¤£¦P¡H¡j
¡B¼ÐÅÒ¨s³º¦³¤°»ò¤£¦P¡H¦³¡I¤£¹L¥u¦³¤@Ó¦a¤è¤ñ¸û¤£¤@¼Ë¡A±z¥i¥H¤ñ¸û¬Ý¬Ý¡G
ì©l½X
§Ú¬O¤@Ó³QDIV¼ÐÅÒ¥]¦íªº¡u
¡C²Ä¤GÓ¡uª«¥ó¡v«h¬O³QSPAN¥]¦í¤F¡I µ²ªG §Ú¬O¤@Ó³QDIV¼ÐÅÒ¥]¦íªº¡u ª«¥ó¡v¡C²Ä¤GÓ¡uª«¥ó¡v«h¬O³QSPAN¥]¦í¤F¡I µo²{¤F¶Ü¡H³Q
ª«¥ó
¡v¡C²Ä¤GÓ¡uª«¥ó¡v«h¬O³QSPAN¥]¦í¤F¡I µ²ªG §Ú¬O¤@Ó³QDIV¼ÐÅÒ¥]¦íªº¡u ª«¥ó¡v¡C²Ä¤GÓ¡uª«¥ó¡v«h¬O³QSPAN¥]¦í¤F¡I µo²{¤F¶Ü¡H³Q
¥]¦íªººô¶¤¸¥ó·|Åܦ¨¤@Ó¡u°Ï¶ôª«¥ó¡v¡A¤]´N¬O·|¡u¦Û¦¨¤@¶ô¡v¡A®ÇÃ䪺ªF¦èªº·|³QÀ½¨ì¤W¤@¦æ©Î¤U¤@¦æ¥h¡A¦Û¤v¿W¥ß¦¨¤@¦æ¡C¦Ó³Q¥]¦íªºª«¥ó«h¥i¥H©M¤j¹Ù©M¼Ö¿Ä¿ÄªºÂ\¦b¤@°_¡A¤£·|Â_¦æ¡A¤]¤£·|¦Û¦¨¤@¶ô¡C±z¥i¥Hµø¤£¦Pªºª¬ªp¡A¨Ï¥Î¤£¦Pªº¼ÐÅÒ¡C
¡i³o¼ÐÅÒ«ç»ò¥Î¡H¡j
n©ú¥Õªº§i¶D±z
¡B
¼ÐÅÒn«ç»ò¥Î¬O¦³ÂI§xÃøªº¡A¦]¬°¡Aºô¶³]p·|±¹ïªº±¡ªp¤dÅܸU¤Æ¡A¤£¹L¡A¤u¤ÍÁÙ¬OÁ|Ó¹ê¨Ò¦n¤F¡I§K±o±zÁÙ¬O¤@ÀYÃú¤ô¡C
²{¦b¤u¤Í·Qn³]p¤@Ó¾÷¨î¡A´N¬OÅý¨Ï¥ÎªÌ«ö¤U¡u«ö§Ú¡v¨âÓ¦r®É¡A·|¥X²{¤@Óĵ§i¹ï¸Ü®Ø¡]¤£¬O¨Ï¥Î³sµ²³á¡I¡^¡A§Ú̳o´N¨Óª±ª±¬Ý§a¡I
ì©l½X
§Ö¨Ó«ö§Ú§a¡I
µ²ªG
§Ö¨Ó«ö§Ú§a¡I
§OÃhºÃ¡A«ö¤U¤UÃ䪺¡u«ö§Ú¡v¨âÓ¦r¬Ý¬Ý¡I¡]¦¹®É´å¼Ð¤£·|Åܦ¨¤â«üª¬¡I¡^
¤u¤Í¨Ó¸ÑÄÀ¤@¤U¡A§ÚÌ¥ý¥Î¼ÐÅÒ±N¡u«ö§Ú¡v¨âÓ¦rÅܦ¨¤@Óª«¥ó¡AµM«á¡A§ÚÌ«ü©w¡G·í·Æ¹««ö¨ì³oÓª«¥ó®É¡]onClick¡^«h¥ß§Y°õ¦æalert('***')¡]¥X²{ĵ§i¹ï¸Ü®Ø¡^³o¼Ë©ú¥Õ¶Ü¡H
Establishedsince:March28,2003
AllthedesignR2003byAdmin
延伸文章資訊
- 1前端工程師必知:CSS標籤的應用(上)-Div篇
</div>) 的元素，會被瀏覽器會視為一塊物件。你可以用div 將網頁內容的各元素(圖、文、表格等等) 包起來，再針對各區塊，去做CSS 的排板。Div 是一個 ...
- 2HTML <div> 标签 - w3school 在线教程
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div> 固有的唯一格式表现。可以通过<div> 的class 或id 应用额外的样式。
- 3HTML <div> 區塊容器元素 - Fooish 程式技術
<div> 標籤(tag) 是用來當作容器(container)，用來包裹其他HTML，將HTML 文件的內容整理出不同獨立區塊(block)，用途是方便給CSS 做樣式排版或方便 ...
- 4HTML DIV 標籤用法 - WebTech 網頁設計教學站
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版，這都是因為CSS 技術的進步與普即所至，如果要靈活運用HTML DIV 標籤就要從最基本的語法開始 ...
- 5C S S 教學-DIV標籤
但是，要怎樣讓瀏覽器知道某一句話，或是某一個字是一個物件？或是要讓圖片和表格同時動來動去，那麼此時，您就需要用到<DIV>、<SPAN>標籤 ...
