htmlå¼ç¨cssæ¹æ³å¦ä¸ï¼
1ãç´æ¥å¨divä¸ä½¿ç¨cssæ ·å¼å¶ä½div+cssç½é¡µ
2ãhtmlä¸ä½¿ç¨styleèªå¸¦å¼
3ã使ç¨@importå¼ç¨å¤é¨CSSæ件
4ã使ç¨linkå¼ç¨å¤é¨CSSæ件 æ¨èæ¤æ¹æ³
解htmlå¼ç¨cssæ¹æ³çä¾å
1ãç´æ¥å¨htmlæ ç¾å ç´ å åµå ¥cssæ ·å¼ï¼å¦<div style="font-size:14px; color:#FF0000;">ææ¯div cssæµè¯å 容-æ¯æ</div> ææå¦ä¸å¾
2ãå¨html头é¨headé¨åå style声ææå ¥ä»£ç å¦ä¸ï¼
<style type="text/css">å ·ä½æ¹æ³å¦ä¸å¾ï¼
3ã使ç¨@importå¼ç¨å¤é¨CSSæ件æ¹æ³
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"Wcss.cssæ件å 代ç .ceshi {font-size:14px; color:#FF0000;}
ææå¦ä¸å¾ï¼
å¯ä»¥çåºä½¿ç¨æ¤æ¹æ³å使ç¨èªå¸¦å¼å¼ç¨cssæ ·å¼è¡¨æ¹æ³æç¸åå¤ï¼é½æ¯éè¦å¨htmlçheadå 使ç¨styleæ ç¾å¼ç¨å¤é¨cssã
4ã使ç¨linkæ¥è°ç¨å¤é¨çcssæ件
å¨headæ¾ç½®<link rel="stylesheet" href="wcss.css" type="text/css" />æ¥è°ç¨å¤é¨çwcss.cssæ件æ¥å®ç°htmlå¼ç¨cssæ件
详ç»å¦ä¸å¾
æ¤æ¹æ³å°±ä¸éè¦styleæ ç¾ï¼èæ¯ç´æ¥éè¿linkä¸ä¸ªæ ·å¼æ¥å¼ç¨å¤é¨æ ·å¼
ä¸è¬æ¨è使ç¨linkæ¥å¼ç¨å¤é¨çcssæ ·å¼æ¹æ³ã