¡@¼ÊºÙ: ¤p»x ¡@ÀY»Î: ´¿¸g¤]¬O¤ô¹q¤u
ºÞ²zû
- ©«¤l
- 1190
- ¥DÃD
- 394
- ºëµØ
- 113
- ¿n¤À
- 1747
- ÂI¦W
- 1
- §@·~¨t²Î
- Vista
- ³nÅ骩¥»
- Office 2003
- ¾\ŪÅv
- 200
- ©Ê§O
- ¨k
- ¨Ó¦Û
- ¥xÆW
- µù¥U®É¶¡
- 2010-5-1
- ³Ì«áµn¿ý
- 2024-11-25
|
³q¦YÂsÄý¾¹
CSS ¼Ë¦¡ªí, ¤£ºÞÂsÄýªÌ¬O¨Ï¥Î¦óºØÂsÄý¾¹¨ÓÆ[½àºô¶¬Ò¯àªí²{¥Xºô¶¿W¯Sªº·®æ, ¤£¹³ JavaScript ©Î VBScript »y¨¥·|¦]¬°ÂsÄý¾¹ªº¤£¦P¦Ó²£¥Í®t²§, ¤£³æ¬O¥«³õ¤W¨Ï¥Î²v³Ì°ªªº Microsoft Internet Explorer (IE) »P Netscape Communicator ÂsÄý¾¹¤ä´©, ¬Æ¦Ü³\¦h«D¥D¬yªºÂsÄý¾¹, ¦p Emacs-W3¡BArena......µ¥, ³£¦³¤ä´©¸ÑªRªº¯à¤O¡C
¯S¥ß¿W¦æªº·®æ
¤@Ó¤H®ð©ô²±ªººô¯¸¤§©Ò¥H§l¤Þ¤H´N¬O¦]¬°¾Ö¦³¿W¤@µL¤Gªº·®æ¡IÁ|¨Ò¨Ó»¡¡G¦b CSS ¼Ë¦¡ªí¥X²{¤§«e, ´X¥G©Ò¦³ºô¶¤¤ªº¶WÃìµ²¤å¦r³£·|¥[¤W©³½u (Under Line) , ¦Ó¥B¨ÃµL¯S¦âÅܤÆ, ¦pªG¥[¤W CSS »yªk¨º¥i´N¤j¤j¤£¦P°Õ¡I
ºô¸ôÀô«O
¦b¤j®a¥þ¤O±À¼s¥þ¥Á¤Wºôªº¦P®É, ¥X²{¤F¤@ÓÄY«ªº¦M¾÷¡eºô¸ôÀW¼e¤£¨¬¡f, ¤@¤è±¬O¦]¬°¤Wºô¤H¤fªº«æ³t¼W¥[³y¦¨ÀW¼e¤£¨¬, ¦ý³Ì¤jªºì¦]¬Oºô¶³]pªÌ¦bºô¶³]p¹Lµ{¤¤¨Ï¥Î¤F¤j¶qªº¹Ï¤ù, ¹Ï¤ùÀɪºÅé¿n¤j, ¦b¶Ç¿éªº¹Lµ{¤¤®ø¯Ó¤F¤j¶qªººô¸ô¸ê·½, ¦Ó CSS ªº¥X²{±N¨Ï³oÓ°ÝÃDÀò±o³¡¤ÀÓV¸Ñ, CSS ¥i¨Ï¥Î³æ¯Âªº¤å¦r¨Ó¹F¨ì»P¹Ï¤ù¬Û¦Pªºªí²{®ÄªG¡I¤]´N¬O»¡¡G¤@¬q²µuªº¤å¦r´N¥i¥H¨ú¥NÅé¿nÃe¤jªº¹Ï¤ù¡I¤£¦ý¶Ç¿é³t«×¥[§Ö, ¦P®É¤]Àò±o»P¹Ï¤ù¬Û¦Pªºµøı®ÄªG¡C
ºô¶ºûÅ@®e©ö
¬°¤Fºû«ù§Ú̯S¥ß¿W¦æªººô¯¸·®æ, ¦P®É¤]¬°¤Fºû«ùºô¶ªº¤@P©Ê, §ÚÌ¥i¥H«Ø¥ß¤@Ó¿W¥ßªº CSS ¼Ë¦¡ªíÀÉ®×, Åý§Ú̫إߪº¨C¤@Óºô¶¼Ë¦¡³£¯à°Ñ·Ó¦¹¤@¼Ë¦¡ÀÉ®×, ·í¦¹¤@¼Ë¦¡Àɮפº®e§ïÅÜ«á, ©Ò¦³¦³°Ñ·Ó¦¹¤@¼Ë¦¡Àɮתººô¶¥~Æ[¤]´N·|¥þ³¡¸òµÛ§ïÆ[¤F, ¦]¦¹§Ṳ́£¥²¤@¤@ªº×§ï¦UÓºô¶¨Ó¹F¨ìºô¯¸·®æªº¤@P©Ê, ¦pªG§AºûÅ@ªººô¶¥u¦³´X¶, ©Î³\¨Ã¤£·|·P¨ü¨ì¥¦ªº«K§Q©Ê, ¦pªG¬O¤W¦Ê¶¬Æ¦Ü¼Æ¦Ê¶, §A´N·|Åé·|¨ì¥¦©Ò±a¨Óªº«K§Q©Ê¡I
CSS ªº«Å§iì«h
n«Å§i CSS ¼Ë¦¡ªíº¥ý¥²¶·¨ã³Æ¦³ HTML ºô¶»yªkªº°ò¦¡I¤]´N¬O§A¥²¶·¤F¸Ñºô¶ì©l½X¤¤¼ÐÅÒªº·N¸q¡C¼Ë¦¡«Å§iªº¼Ð·Ç»yªk¦p¤U¡G
----------------------------------------------------
p { font-size : 10pt ; }
§@¥Î¹ï¶H, ¤¸¯À{ ÄÝ©Ê: ÄÝ©ÊÈ}
----------------------------------------------------
¡´ÄݩʦWºÙ»PÄÝ©ÊȤ§¶¡¥²¶·¥H«_¸¹¹j¶}¡C
¡´¨C¤@²ÕÄݩʳ]©w¥H¡u;¡v¤À¸¹°µµ²§À¡C
¡´ÄݩʦWºÙ»PÄÝ©ÊÈ«h¥²»Ý¥H¤@²Õ¤j¬A¸¹¡u{ }¡v¥]¬A°_¨Ó¡C
1³æ¤@¤¸¯Àªº½Æ¼ÆÄݩʳ]©w¶¡¥²¶·¥H¡u;¡v¤À¸¹°µ°Ï¹j, ¦ý, ¤¸¯À¥u¦³³æ¤@²ÕÄݩʳ]©w, ©Î¬O³æ¤@ÄݩʽƼÆÄݩʳ]©w¤¤ªº³Ì«á¤@²ÕÄݩʳ]©w¥i¬Ù²¤¤£¥[¡u;¡v¤À¸¹¡G- p { font-size : 10pt ; color : #FF0000 ¡F }
- p { font-size : 10pt ¡F } ¥i¬Ù²¤
½Æ»s¥N½X 2ÄÝ©ÊȪ½±µ«ü©w¨äÈ, ¤£¶·¥[¤W¤Þ¸¹¡]³æ¤Þ©ÎÂù¤Þ¸¹¡^¡G- p { text-align : center ;} ¥¿½T, ª½±µ®Ñ¼gÄÝ©ÊÈ
- p { text-align : ¡§center¡¨ ; } ¿ù»~, ¤£¶·¥[¤W¤Þ¸¹
½Æ»s¥N½X 3¼Ë¦¡ªº®M¥ÎÀu¥ý¶¶§Ç, ³o¸Ì«üªº®M¥Î¶¶§Ç¬O°w¹ï¤å¥ó»s§@ªÌ»P¨Ï¥ÎªÌ©Ò½s©wªº¼Ë¦¡ªí¦³©Ò½Ä¬ð®É¦óªÌ¾Ö¦³Àu¥ý®M¥ÎÅv§Q, ¤@¯ë¨Ó»¡¤å¥ó»s§@ªÌªº¼Ë¦¡ªí¦ì¶¥¸û°ª, ·í»P¨Ï¥ÎªÌªº¼Ë¦¡ªíµo¥Í½Ä¬ð®É, »s§@ªÌªº¼Ë¦¡ªí±NÀu¥ý³Q®M¥Î¡FY§Æ±æ¤å¥ó»s§@ªÌ»P¨Ï¥ÎªÌ©Ò½s©wªº¼Ë¦¡ªí¦³©Ò½Ä¬ð®É, ¨Ï¥ÎªÌªº¼Ë¦¡ªí¯àÀu¥ý³Q®M¥Î, «h¥i§Q¥ÎÃöÁä¦r¡u ! important¡v¡G- p { text-align : right ! important ;} ¨Ï¥ÎªÌ¼Ë¦¡Àu¥ý
- p { text-align : center ; } »s§@ªÌ¼Ë¦¡Àu¥ý
½Æ»s¥N½X 4¤¸¯À¶¡¥i¥Î¡u, ¡v³r¸¹¹j¶}¶i¦æ½Æ¦X«Å§i¡G- ³r¸¹¹j¶}
- body , p {
- color:#00FF00 ; font-size:10pt ; font-family:²Ó©úÅé }
½Æ»s¥N½X ¤W¨Ò¡G¦b body ¤¸¯À¼ÐÅÒ¤º®e¤¤ªº¤å¦r¥~Æ[ÃC¦â³£Åܦ¨ºñ¦â¡B¤å¦rªº¤j¤p«ü©w¬° 10pt¡B¤å¦r¦r«¬¬°²Ó©úÅé¡F¦P®É¡A¦b p ¤¸¯À¼ÐÅÒ¤º®e¤¤ªº¤å¦r¤å¦r¥~Æ[ÃC¦â¤]³£Åܦ¨ºñ¦â¡B¤å¦rªº¤j¤p«ü©w¬° 10pt¡B¤å¦r¦r«¬¬°²Ó©úÅé¡A¥»¨Ò¤¤¤@¦¸´N«Å§i¤F body ¤¸¯À¼ÐÅÒ»P p ¤¸¯À¼ÐÅÒªº¤TºØ¦@³q¼Ë¦¡ÄÝ©Ê¡C
¤¸¯À¡Gline-height ( «ü©w¦æ°ª)
»yªk¡G¿ï¾Ü¾¹ { line-height : ÄÝ©ÊÈ }
¥i«ü©wªºÄÝ©ÊÈ¡÷ | 1ªø«×¡]³æ¦ì¼ÆÈ¡^¡B 2%¡]¦Ê¤À¤ñ¡^¡B
3¾ã¼Æ©Î¤U¦C¨ä¥L¥i¯àÈ / normal | 1.ªø«×¡]³æ¦ì¼ÆÈ) | ¼ÆÈ¥[¤W em ¡B px ¡B pt µ¥³æ¦ì, ¤£¥i«ü©wt¼ÆÈ | | 2.%¡]¦Ê¤À¤ñ¡^ | ¼ÆÈ¥[¤W¦Ê¤À¤ñ²Å¸¹, ¦æ°ª»P¤å¦rªº°ª«×¦Ê¤À¤ñ, ¤£¥i«ü©wt¼ÆÈ | | 3.¾ã¼ÆÈ | ¤å¦r°ª«×ªº¿¼Æ, ¤£¥i«ü©wt¼ÆÈ | ¨ä¥L¥i¯àÈ | »¡©ú | normal | ¨Ì¾Ú¤å¦r¤j¤p¦Û°Ê³]©w |
ÂsÄý¾¹¹ïÀ³¡G IE NetScape Opera Safari Firefox
¤¸¯ÀÄ~©Ó¡G ¦³Ä~©Ó©Ê
¾A¥Î¤¸¯À¡G ¥þÅ餸¯À
¡´line-height ÄÝ©Ê¥i«ü©w¦æ°ª, ¥Î©ó½u¤º¤¸¯Àµ¥©ó«ü©w½u¤º¤å¦r°Ï¶ôªº°ª«×¦Ó«D¤å¦r¥»¨ªº°ª«×¡C
¡´Y°Ï¶ô¤º§t¦³°ª«×¤j©ó«ü©w¦æ°ªªºª«¥ó, «h¦æ°ª·|¦Û°Ê¼W¥[¦¨¬°¸Óª«¥óªº°ª«×¡C
½d¨Ò¾Ç²ß ¡G «ü©w¬q¸¨ªº¦æ°ª line-height.html- <head>
- <meta http-equiv="Content-Language" content="zh-tw">
- <title>CSS line-height</title>
- <style type="text/css">
- /* <![CDATA[ */
- body{background-image: url("img/121.jpg"); margin-left:40px;}
- h1 {color: #FFFFFF; margin-left:40px;}
- .p1 {line-height: 250%; border: #06C dashed 1pt;}
- .p2 {line-height: 15pt; border: 2pt dotted #60C;}
- .p3 {line-height: 2; border: #60C double 2pt;}
- /* ]]> */
- </style>
- </head>
- <body>
- <h1>ºô¸ô°Êº©À]</h1>
- <table border="0">
- <tr><td width="350">
- <p class="p1">Às¿ß<br />ì§@¡D¸}¥»¡DºÊ·þ¡G®c±TÂ@¡Fµ¼Ö¡G¤[¥ÛÅý</p>
- <p class="p2">¾ã³¡¼v¤ùªº¤ÀÃè¸}¥»¡G±Ä Multi-Angle ¤è¦¡»s§@¥i¥Î»»±±¾¹¾Þ§@ÀH®É»P¹ê»Ú¼v¤ù¤Á´«Æ[½à</p>
- <p class="p3">Às¿ß¬O®c±TÂ@ªº¦b STUDIO GHIBLI ªº²Ä¤T³¡¹q¼v¡A¦]¬°³o³¡¥ÀR¦Ó·ÅÄɪº¹q¼v¨Ï±oÀs¿ß³oÓ¥i·Rªº¥Íª«¦b¥þ¥@¬É³£®a³ë¤á¾å¡A¤Q¤À¾A¦X¥þ®a¦Ñ¤j¤p¤@»ôÆ[¬Ý¡C</p>
- </td><td>
- <img src="img/p111927714911.jpg" border="1" /></td>
- </tr></table>
- </body>
½Æ»s¥N½X
CSS¡DHTML¡DXHTML ºë½o½d¨ÒÃã¨å |
|
¥»®Ñ¨«ºë½o¸ô½u¡A¨CÓ½d¨Ò³£¬Oºë¤ß³]p¡Aºë¿ï³Ì±`¥Îªº»yªk¡A¤£·|¦C¤F¤@°ï¥Î³£¥Î¤£¨ìªº»yªk¡AÅý®ÑÅܱo¤S«p¤S«¡C³Ì«nªº¬O§ÚÌ´£¨Ñ¤F¦hºØ¹ê¥Îªº¬d¸ß¤è¦¡¡A¥i¨Ì»yªk¤ÀÃþ¡B½d¨Ò¥\¯à©Î¦r¥À¬d§ä¡C
¡¼ºë¿ï³Ì±`¥Îªº HTML + XHTML + CSS »yªk, ¥i¨Ì»yªk¤ÀÃþ¡B½d¨Ò¥\¯à©Î¦r¥À¬d§ä¡C
¡¼·f°t¹Ï¤å¸Ñ»¡»P³Ìºë½oªº½d¨Ò¥Ü½d¡AÅý±z¤£¦ý¬Ý±oÀ´¡AÁٯన¤Wª¾¹Dn«ç»ò¥Î¡A¬O±z¦b³]pºô¶®É³Ì¤è«Kªº°Ñ¦Ò®Ñ¡C
¡¼Â²©ö»yªk¤Jªù¤Î°ò¦Æ[©À¡AÀ°§U±z§Ö³t¤F¸ÑHTML + XHTML + CSS ªº¨Ï¥Î¤è¦¡¡C
¡¼²M·¡¼Ð¥Ü¾A¥ÎªºÂsÄý¾¹ºØÃþ»Pª©¥»¡A²Å¦X¹ê»Ú»Ý¨D¡C
¡¼¥úºÐ¤¤¦¬¿ý§¹¾ãªº½d¨Ò©Mµ{¦¡½X¡A¤è«K±zª½±µ¨ú¥Î©Mקï¦A¹B¥Î¡C |
|
|