HTML怎么把CSS样式插入到页面~要详细点的
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"><!--
.ceshi {font-size:14px; color:#FF0000;}/*è¿éæ¯è®¾ç½®CSSçæ ·å¼å 容*/
-->
</style>
å ·ä½æ¹æ³å¦ä¸å¾ï¼
3ã使ç¨@importå¼ç¨å¤é¨CSSæ件æ¹æ³
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>csså¼ç¨æ¹æ³å®ä¾-æµè¯å®ä¾</title>
<style type="text/css">
<!--
@import url(wcss.css);/*è¿éæ¯éè¿@importå¼ç¨CSSçæ ·å¼å 容*/
-->
</style>
</head>
<body>
<div class="ceshi">ææ¯div cssæµè¯å 容æ¯æ</div>
</body>
</html>
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æ ·å¼æ¹æ³ã