è¿ä¸ªç¾ç§ä¹æ详ç»è§£éï¼lzé®è¿é®é¢ï¼ä¼°è®¡æ¯æ°æ¥è§¦htmlï¼ææ¡äºä¸ªäººè®¤ä¸ºè¾ä¸»è¦ç说ä¸å§ï¼
1ãcss(Cascading Style Sheet)ï¼ä¸æ交å±å æ ·å¼è¡¨æ级èæ ·å¼è¡¨
2ãcsséè¿ä¸ç§æ¹å¼å¼ç¨ï¼å¤é¨css <link rel="stylesheet" type="text/css" href="style.css">
å
é¨css å³å¨å¤´é¨å å
¥é¶æ®µ<style></style>éé¢å£°æå
容ï¼å¦<style>a{color:red;}</style>å
ècss ç¸å½äºå¨htmlæ ç¾å
é¨å å
¥style=""ï¼å¦<div style="width:100px;"></div>,cssç¨äºæ§å¶ç½é¡µæ ·å¼ï¼å¦åä½ï¼è¾¹æ¡ï¼é¢è²ï¼ä½ç½®çï¼å½ç¶ä¹ådivæé
ç¨äºå¸å±ï¼æ¯ç®å主æµå¸å±æ¹å¼ï¼ä¸»è¦ç¨çå°±æ¯css对äºdivçä½ç½®æ§å¶ã
cssä¸è¬éè¿ä¸ç§æ¹å¼éä¸æ ç¾ï¼ä¸ç´æ¥ç¨æ ç¾åï¼å¦ä¸çaæ ç¾ï¼äºæ¯ç¨class,å¦<div class=âaaâ></div>ï¼åcsså¯ç´æ¥ç¨.aaéä¸ï¼å½¢å¦ .aa{width:100px;},å½ç¶ç¨äºå¤é¨åå
é¨css,å
èç´æ¥ä¹¦åå¨æ ç¾å
ï¼æ éä¸ä¹è¯´ï¼ä¸æ¯éè¿id,å¦<div id="aa"></div>,ç¨#aa{width:100px;}è®¾ç½®æ ·å¼ï¼åæ ·æ¯å¤é¨åå
é¨cssã
3ãcss主è¦ç®çæ¯å°è¡¨ç°å
容å离ï¼å离çç®ç主è¦æ¯ä¾¿äºç»ä¸ç®¡çï¼å¦ç»ä¸è®¾ç½®æ´ä¸ªç½ç«é¡µé¢èæ¯ï¼å¯¹äºä¸ä¸ªç½ç«ï¼é£æ ¼åºæ¬ç»ä¸ï¼æ们å¯ä»¥ç¨ä¸ä¸ªå¤ècss设置ç»ä¸æ ·å¼ï¼ç¶åæ¯ä¸ªé¡µé¢è°ç¨ç»cssæ件ï¼ç½ç«é£æ ¼éè¦ä¿®æ¹æ¶ï¼åªéä¿®æ¹è¯¥æ件åå¯å
¨é¨ä¿®æ¹ï¼æå
¶æ¹ä¾¿ãåæ¶csså
·ææ¯è¾å¼ºå¤§çæ ·å¼åè½ï¼å¾å¤åé htmlæ ç¾å±æ§å ä¹æ æ³å®ç°ï¼å¦ç»<p>æ ç¾æ·»å è¾¹æ¡ï¼<span>æ ç¾æ·»å èæ¯å¾ï¼cssææå®ç°ï¼htmlæ ç¾åå¾æ åãè¿æcssè½å¤æ大ç缩å页é¢ä»£ç éï¼å®¢æ·ç«¯è½½å
¥é度å 为æ件å°èå å¿«ï¼æé«æµè§é度åä½éªã
4ãcssæ ç¾ådivææä¸æï¼è¥lzæçåæ¥è§¦ï¼å¯ä»¥å¤ç»äºhtmlï¼ä¸ªäººè®¤ä¸ºå¼å§æ¥è§¦è¯è¨å°½éåå°å¯¹å·¥å
·çä¾èµæ§ä¸ºå¥½ï¼å¯ä»¥ç´æ¥ç¨è®°äºæ¬ç¼åhtmlæ件ï¼çæäºåï¼è¿ä¸ªhtmlæçè¯è¨ä¾¿ä¼æè§å¦æ¤çeasy,éæ¸æ©å±å¦ä¹ jsï¼èåæ¯ä¸äºåªä½å¤çpsåflashï¼æåæ¥è§¦å¨æ页é¢ç¼ç¨ææ¯jspï¼phpçï¼å ä¸è®¾è®¡ææ³ï¼å¿
ä¼è§å¾ç½ç«è®¾è®¡æ¯ä¸ä»¶ç¾å¥½çäºæ
ãããä¹ä¸ºä»ååæ·»ä¸æã
æ¶ç¬ï¼å¸ælzè½å¦å¥½~~
温馨提示:答案为网友推荐,仅供参考