æ¼è¬åè³ï¼åä¾ï¼HTMLæ¯ä¸ æ¨å¯ä»¥ä½¿ç¨è£¡é¢çå¯ä¸èªè¨ ä¸å網é ã æ¨å¯ä»¥ä½¿ç¨ä¸ç¨®å«åCSSæ 層ç樣å¼è¡¨ï¼ä»¥åã CSSå
è¨±ä½ æå®å¤ ä¸åwebæ£æ¯ç¾å¸ é é¢ï¼å
æ¬ä½å±å大å°ï¼ é¡è²ååé«ççã ä¾å¦ï¼è®æååµå»ºä¸å網é é裡æ說çCSS0ä¸å代表 主é ä¸ï¼æ¯å¦èªªï¼ç´ç¿°Â·åä½ã
å¨éåé é¢ï¼æåå°æç´ç¿°Â·åä½ç å½åï¼å¨å
¶ä¸æ ä»çè§ç¾ä¸åä¸é¯çæ¶æ¯ï¼ä¸é¢ éå°æ¯ä¸åé è
³ï¼ç¨ 說ï¼ä¸äºçæ¬ä¿¡æ¯ã è¦åå°éä¸é»ï¼è®æåå®ç¾©ä¸åé¨é ç¨æ¼ä½¿ç¨æ¨ç±¤çé é¢ å«æ ¼ã æéæ¯æ¶çdivï¼ç´ç¿°åä½ï¼æ¥è¿ æ¶æ ¼ï¼å¦ä¸åæéæ¯æ¶çdivï¼ ç¾å¨æåå°æå®çæ±è¥¿ åæ¡ï¼æ¡è¿å°æç主é ï¼ ä¸¦è®æåéééåååï¼ä¹æ¯å¦æ¤ã
ç¾å¨ç¬¬ä¸æ¬¡ä¹æ¯æå¾ æ ¼ï¼çæ¬ã åå被çä¸ï¼è®æç¾å¨ä½¿ç¨çHTML 實é«ï¼ä»£è¡¨ä¸å符è ä¸ååï¼ä½ ä¸è½ä»¥å
¶ä»æ¹å¼ 輸å
¥æ¨çéµç¤ä¸ã ç¹å¥æ¯ï¼æ該æ麼辦 符èï¼è±éï¼169ï¼åèã åä¾ï¼æ¯æ¸å代碼 å°æ¼çæ¬ç¬¦èã é£éº¼è®æåä¾æå®ç´ç¿°Â·åä½ é裡å¨åºé¨ã è®æåéédivåä¿åæ件ã
ç¾å¨ï¼ä»éº¼æ¯éådivæ¨ç±¤ï¼ divæ¨ç±¤ç°¡å®å°å®ç¾©äºä¸å師 çé é¢ï¼å®æ¬è³ªä¸æ¯ä¸ ç©å½¢ååã æ以å¨éåæå»ï¼ææä¸å ç©å½¢ååï¼ä¸åå¨é é¨ å
¶ä»çã æ以ç¾å¨ï¼ææå¹¾ä¹ä¸æ¨£ éç¶ææä¸æ®µã ä½æåä¸æçå°ç¸ç¶å¤ 空ç½å¨ä»åä¹éã
è®æåä¾ä¿åéåæ件ï¼æ´æ¹å
¶ æ¬éï¼çä¸çäº æ¤å»å¨Chromeã ååæ¬échmod a + R CSS0.htmlã ç¾å¨ï¼è®æåæéChromeå訪å http://localhost.CSS0.htmlã äºå¯¦ä¸ï¼é裡æä¸å主é ç´ç¿°Â·åä½ã ç¾å¨ï¼è®æåé¢¨æ ¼åéä¸é»æ´ æ£æ¯ä½¿ç¨ä¸äºCSSã
æ©å¨geditä¸ï¼è®æåé²å
¥éå 第ä¸ådivæ¨ç±¤ï¼ä¸¦æ·»å æ¨£å¼ æå®ç屬æ§ï¼ææ³ä¸å çï¼ä¾å¦åé«å¤§å°ï¼36ååç´ ï¼æåç´ ã ææ³éååé«çç²ç´° è¦å¤§è½èä¸æ¯é»èªçï¼ éæ¯æ£å¸¸çã å°æ¼ç¬¬äºådivï¼è®æåæå® å
·æå¦ä¸ç¨®é¢¨æ ¼å±¬æ§ ç24åç´ çåé«å¤§å°ï¼å æ¤ ç¨å¾®å°äºä¸é»ã åèå¾ééå¼èã
æå¾ï¼å¨ç¬¬ä¸æ ¼ï¼è®æåå é¢¨æ ¼çæ¼å ±å¹ï¼åé«å¤§å°å æ¯æ¹èªªï¼12ååç´ é段æéã åèå¾ééçå ±å¹ã è«æ³¨æï¼é£æï¼æä¼¼ä¹æ å°æ¼æå®äºä½ç¨å¼åç æ¯ä¸å使ç¨éä¸ådivçï¼ äºå¯¦èæï¼CSSã äºå¯¦ä¸ï¼ä½ å¨çèªæ³ éäºéå¼èä¹éæ¯CSSï¼ å
·é«çCSSå±¬æ§ èå¼ã èå°æ¼ç¬¬ä¸åæ¨ç±¤ï¼å¨é£è£¡ææ å
©åé樣ç屬æ§ï¼åé«å¤§å°å åé«ç²ç´°ï¼æåªæ¯åé ç¨åèã
ç¾å¨ï¼åªæ¯é¢¨æ ¼çç·£æ
ï¼æ å¨éå
å«åè æ¯ä¸è¡çæ«å°¾ã ä½ä»åä¸æ¯çµå°å¿
è¦çï¼ ç¹å¥æ¯ç¶ä½ åªæä¸å 屬æ§å®ç¾©ã ç¾å¨è®æåä¿åæ件並éæ°å è¼ å¨Chromeç覽å¨ï¼ççæä»éº¼ æ·¨æææ¯ã æ©å¨Chromeç覽å¨å¨éè£¡ï¼ è®æåé»æå·æ°ã
ç¾å¨æåæä¸åç¨å¾®æ´æ趣 ç´ç¿°ä¸»é åä½ï¼ç±æ¤è該第ä¸ç· ä»çååï¼éæ¯éè£¡é¢ ç¬¬ä¸ådivï¼æ¯36åç´ é«ï¼é ç²é«åï¼ç±æ¤ï¼ç¬¬äºè¡ï¼ éæ¯å¨ç¬¬äºådivï¼æ¯24 åç´ é«ï¼ä½ä¸æ¯é»é«ã 並ç±æ¤å¨è©²ç¬¬ä¸ç¬¬ä¸è¡ æ ¼çº12åç´ é«ï¼é æ²æé»é«åã ä½æ¯åè¨æç¾å¨æ³è½ç§» éä¸åçæåè¶
é é樣ï¼å®çä¸å¿ã
æå¯ä»¥ä½¿æ¯ä¸ååé«ç çdivä½çºçºä¸å¿ã ä½æ´å®¹æï¼å¯è½æçå
裹 第åådivä¸3çdivï¼ä¸å ç¶ååï¼å¯ä»¥é麼說ï¼ä¸¦æå® é£è©²divåå
¶ææ å¾äººæè©²æ¯ ææ¬å°é½ä¸å¿ï¼ è®æåä¸èµ·ä¾ççã
裡é¢çgeditï¼è®æååå°æ é«ï¼ä¸¦æ·»å ä¸åæ°çdiväºé é
æ ¼ï¼é¢¨æ ¼çæ¼å ±å¹å¼æçµæ ææ¬å°é½å¸ä¸å¿ï¼é è¿ åèå¾å¼è¿°ã ç¾å¨ï¼è®æåç¹¼çºåé²ï¼ææç¸®é² é£äºæå以åéµå
¥è¡ã 以ä¸æ¯ç¬¬ä¸æ ¼ï¼è®æå éééåæ°çdivã
æå¥è©±èªªï¼å çºéä¸å åä¾çdivç¾å¨çå©åï¼æä»¥è¦ è¬ä¸åæ°çç¶divçï¼æå·²ç¶ æå®ææ³å°é½ å¨è©²ä¸å¿çç¶divçææ¬ é é¢ï¼è©²å±¬æ§å° ç¹¼æ¿äºææéäºå©åã äºå¯¦ä¸ï¼è®æåä¿åæ件並 èµ°å¨ç覽å¨ä¸ççã è®æåéæ°å¨Chromeã æåå¨é£è£¡æå®ï¼ä¸åæ´æ¼äº® 主é ç´ç¿°åä½ã