ã¹ãã¼ã«ã¼ï¼ãããHTMLã§ã¯ãªããã¨ãå¤æ ããªãã®ä¸ã«ä½¿ç¨ã§ããå¯ä¸ã®ââè¨èª Webãã¼ã¸ã®ã ããªãã¯ãCSSã¨å¼ã°ãããã®ã使ç¨ãããã¨ãã ã«ã¹ã±ã¼ãã£ã³ã°ã¹ã¿ã¤ã«ã·ã¼ãã ãã§ãªããã CSSã§ã¯ãã¯ãããæå®ãããã¨ãã§ãã¾ã ã¦ã§ãã®æ£ç¢ºç¾å¦ ã¬ã¤ã¢ã¦ãã¨ãµã¤ãºãå«ããã¼ã¸ãããã³ è²ããã©ã³ããªã©å¤ãã®ã ãã¨ãã°ãã®ã¯Webãã¼ã¸ãä½æãã¦ã¿ã¾ããã aã¯ããã«å¼ã°CSS0 ã¸ã§ã³Â·ãã¼ãã¼ããè¨ããã®ããã®ãã¼ã ãã¼ã¸ã§ãã
ãã®ãã¼ã¸ã§ã¯ãã¸ã§ã³Â·ãã¼ãã¼ãã®ãããã§ããã ååããããã®ä¸ã« å½¼ã®è¨ªåè
ã®ããã®ç´ æµãªã¡ãã»ã¼ã¸ããä¸ã« ããã§ãããã¿ã¼ã«ãªãã¾ã ãããã¤ãã®èä½æ¨©æ
å ±ãè¨ãã ãããè¡ãã«ã¯ãã®3é¨éãå®ç¾©ãã¦ã¿ã¾ããã ã¿ã°ã使ç¨ãã¦ããã¼ã¸ã® DIVã¨å¼ã°ããã éééå
·DIVãã¸ã§ã³Â·ãã¼ãã¼ãã ãã©ã±ããDIVãå¥ã®ãªã¼ãã³ãã©ã±ããDIVã ããã¦ä»ãæã
ã¯ä½ããæå®ãã¾ã ã®ãããªãç§ã®ãã¼ã ãã¼ã¸ã¸ããããï¼ ã¨ã ãã§ãªããã®ã¯ãã®DIVãéãã¦ã¿ã¾ãããã
ããã¦ä»ã3çªç®ã¨æå¾ã® DIVãèä½æ¨©ã ãã ã®ç©ºæ³ã§ããã¨ãç§ã¯ä»ã®HTMLã使ã£ã¦ã¿ã¾ããã ã¨ã³ãã£ãã£ã表ãè¨å· ããªããããªãããã§ãªãå¯è½æ§ã®æå ã使ãã®ãã¼ãã¼ãã®ã¿ã¤ãã ç¹ã«ãç§ã¯ä½ãããã¤ããã ã¢ã³ããµã³ãããã³ãã169ãã»ãã³ãã³ã ããã¯æ°å¤ã³ã¼ãã§å¤æ èä½æ¨©è¨å·ã®ããã ãã®å¾ã®ã¸ã§ã³ãã¼ãã¼ã大å¦ãæå®ãã¦ã¿ã¾ããã ããã§ä¸çªä¸ã«ããã ããã§ã¯DIVãéãããã¡ã¤ã«ãä¿åãã¦ã¿ã¾ãããã
ãã¦ããã®divã¿ã°ã¨ã¯ä½ã§ããããï¼ divã¿ã°ã¯ãåç´ã«å²ãç®ãå®ç¾© æ¬è³ªçã«ã¯ããã¼ã¸ã® ç©å½¢é åã ã ãããæéã®ãã®æç¹ã§ãç§ã¯3ãæã£ã¦ãã ç©å½¢é åãä¸é¨ã«1 ä»ã®ã ã ããä»ã®ã¨ãããå¹æã¯ã»ã¼åãã§ãã ç§ã¯3ãã©ã°ã©ããæã£ã¦ããã®ã«ã ããããæã
ã¯é常ã«éã表示ããã¾ãã ãããã®éã«ãã空ç½æåã
ãã®ãå¤æ´ãããã®ã¯ãã®ãã¡ã¤ã«ãä¿åãã¦ã¿ã¾ããã 権éãããã³ã®ããè¦ã¦ã¿ã Chromeã§ç¬éã ã¾ããchmod a +ãCSS0.html rãã Chromeã¨è¨ªåãéãããã«ãªãã¾ãã¬ãã http://localhost.CSS0.htmlã 確ãã«ãããã®ãã¼ã ãã¼ã¸ã§ã ã¸ã§ã³Â·ãã¼ãã¼ãã®ããã ããã§ã¯ãããå°ããããåã«ã¯ããã¿ãã æ£ç¢ºã«ããã¤ãã®CSSã使ç¨ãã¦ã
èä¸ã®geditã«ãã®ã¯ãã®ã«è¡ãã æåã®divã¿ã°ã¨ã¹ã¿ã¤ã«ã追å ç§ãããããã¨ãæå®ããå±æ§ ãã¨ãã°ããã©ã³ãã®ãµã¤ãºã36ãã¯ã»ã«ãã¾ãã¯ãã¯ã»ã«ã ã¨ç§ã¯ããã®ãã©ã³ãã®éããã¿ãã ãããããã©ã«ãããã大èã§ããããã«ã¯ã ããã¯æ£å¸¸ã§ãã 第äºã®divã®ããã«ãã®ã¯æå®ã§ã ããã¦ããå¥ã®ã¹ã¿ã¤ã«å±æ§ ãã©ã³ã24ç»ç´ ã®ãµã¤ãºãªã®ã§ã å°ãå°ããã ã»ãã³ãã³ã®å¾ã«éããå¼ç¨ç¬¦ã
æå¾ã«ããã®ç¬¬ä¸ã®divã«ãã®ã¯ãããã ã¹ã¿ã¤ã«ã¯ãå¼ç¨ç¬¦ããã©ã³ããµã¤ãºã«çããã ããã§ã¯12ãã¯ã»ã«ä»åè¨ããã¦ã ã»ãã³ãã³ã®å¾ã«éããå¼ç¨ã ç§ãæã£ã¦ããããã«è¦ãããã¨ããã¦æ³¨æãã¦ãã ãã ã®ããã®æ§å¼åã®æå®ããã 使ç¨ãã¦ããããã®3 divè¦ç´ ã®ããããã ããã¯ãCSSãå¤æã å®éã«ã¯ãããªããåç
§ãã¦ãã ãããæ§æ ãããã®äºéå¼ç¨ç¬¦ã®éã®CSSã§ããã ç¹ã«CSSãããã㣠å¤ãæã¤ã ããã¦ãç§ãæã£ã¦ããæåã®ã¿ã°ã®ããã« ãã®ãããª2ã¤ã®ããããã£ããã©ã³ããµã¤ãºã ãã©ã³ãã®å¤ªããç§ã¯åç´ã«åé¢ ã»ãã³ãã³ã§ã
ä»ãã¡ããã©ãã¹ã¿ã¤ã«ã®ããã«ãç§ ãå«ã¾ãã¦ã»ãã³ãã³ã§ åè¡ã®çµããã ããããå½¼ãã¯å¿
ãããå¿
è¦ã§ã¯ããã¾ãããã ããªãã1ã¤ãããªãå ´åã¯ç¹ã« ããããã£ãå®ç¾©ããã¦ããã ããã§ã¯ããã¡ã¤ã«ãä¿åãã¦åãã¼ããã¦ã¿ã¾ããã Chromeã§ãããä½ãåç
§ æ£å³ã®å¹æã§ããã ããã¯Chromeã§ããã«ã ã®ãªãã¼ããã¯ãªãã¯ãã¦ã¿ã¾ãããã
ä»ãç§ãã¡ã¯ããå°ãé¢ç½ããæã£ã¦ãã ã¸ã§ã³ã®ãã¼ã ãã¼ã¸ ãã¼ãã¼ã大å¦ã¨ããã«ãã£ã¦æåã®è¡ ããã®å
å´ã«ããå½¼ã®ååã æåã®divã¯ãã¾ãã36ãã¯ã»ã«ã®é«ãã§ã 太åãããã«ãã£ã¦äºè¡ç®ã ãã®ç¬¬äºã®divã§ããã24ã§ãã 太åèãé«ãã¯ãªãããã¯ã»ã«ã ããã¦ããã«ãã£ã¦ã第3ã®3è¡ç® DIVã12ãã¯ã»ã«ã®é«ãã§ã 太åã¯ãªãã ããããä»ãç§ã¯ã·ãããããã¨ãã¾ã ä¸ã®ãã®ããã¹ãã®ãã¹ã¦ ãããä¸å¤®ã ããã«ãªã£ã¦ããã
Iã¯ãåã
ã®åã
ãæ´åããããã¨ãã§ã ä¸å¿ã«ããã¦ãããã®ã¨ãã¦divè¦ç´ ã ãããããã£ã¨ç°¡åã«ãç§ã¯ããããã©ãããããã¨ãã§ã 第åã®DIVã®å
å´ã«3 divè¦ç´ ã 親ã®divãããã°ãããã³æå®ãã ãã®DIVã¨ãã®ãã¹ã¦ã®ã㨠åå«ã§ããã¹ã ããã¹ãæ´åã»ã³ã¿ã¼ï¼ ããã§ã¯è¦ã¦ã¿ã¾ãããã
geditã®å
ãã®ã«æ»ãã¾ããããç§ã® ããã£ãæã¤æ°ããDIVã¾ã§ãããã追å DIVãã¹ã¿ã¤ã«ã¯å¼ç¨å¼ç¨çµããçãã ããã¹ãALIGNã»ã³ã¿ã¼ãè¿ãã« ã»ãã³ãã³ã®å¾ã®å¼ç¨ã ããã¦ä»ãã®ã¯å
ã«ã¤ã³ãã³ãããã¹ã¦ææ¾ã æã
ã®åã«å
¥åããããããã®è¡ã®ã ããã¦ã第3ã®divã®ä¸ã«ãã¿ã¾ããã ãã®æ°ããDIVãéãã¾ãã
æè¨ããã°ããããã®3ã¤ã®çç± ãªãªã¸ãã«ã®divè¦ç´ ã¯ä»ã®åä¾ãã¡ãªã®ã§ãã« æ°ãã親DIVã®ã話ããç§ããã¾ãã ç§ã¯æãããã¨æããã¨ãæå® ä¸å¿é¨ã«ããã親ã®divã®ããã¹ã ãã¼ã¸ã®ããã®ããããã£ã¯ãªã ãããã®ãã¹ã¦ã®åã«ç¶æ¿ãã 確ãã«ãã®ã¯ããã¡ã¤ã«ãä¿åãã¦ã¿ã¾ãããã¨ã ãã©ã¦ã¶ã§è¦ã¦ãã ããã ããã§ã¯Chromeã§ãªãã¼ããã¦ã¿ã¾ãããã ããã¦ããã«ç§ãã¡ãããããããããæã£ã¦ãã ã¸ã§ã³Â·ãã¼ãã¼ãã®ãã¼ã ãã¼ã¸ã