ããæä¸ç§æ¹æ³å¯ä»¥å¨ç«ç¹ç½é¡µä¸ä½¿ç¨æ ·å¼è¡¨ï¼CSSï¼ï¼
ããå¤èå¼Linkingï¼ä¹å«å¤é¨æ ·å¼ï¼ï¼å°ç½é¡µé¾æ¥å°å¤é¨æ ·å¼è¡¨ã
ããåµå
¥å¼Embeddingï¼ä¹å«å
é¡µæ ·å¼ï¼ï¼å¨ç½é¡µä¸å建åµå
¥çæ ·å¼è¡¨ã
ããå
èå¼Inlineï¼ä¹å«è¡å
æ ·å¼ï¼ï¼åºç¨å
åµæ ·å¼å°å个ç½é¡µå
ç´ ã
ããå
¶ä¸ï¼ä¼å
级ï¼å
èå¼ > åµå
¥å¼ > å¤èå¼
ããå¤é¨æ ·å¼è¡¨
ããå½æ ·å¼éè¦è¢«åºç¨å°å¾å¤é¡µé¢çæ¶åï¼å¤é¨æ ·å¼è¡¨å°æ¯çæ³çéæ©ã使ç¨å¤é¨æ ·å¼è¡¨ï¼ä½ å°±å¯ä»¥éè¿æ´æ¹ä¸ä¸ªæ件æ¥æ¹åæ´ä¸ªç«ç¹çå¤è§ã
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
ããå
é¨æ ·å¼è¡¨
ããå½å个æ件éè¦ç¹å«æ ·å¼æ¶ï¼å°±å¯ä»¥ä½¿ç¨å
é¨æ ·å¼è¡¨ãä½ å¯ä»¥å¨ head é¨åéè¿ <style> æ ç¾å®ä¹å
é¨æ ·å¼è¡¨ã
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}</style>
</head>
ããå
èæ ·å¼
ããå½ç¹æ®çæ ·å¼éè¦åºç¨å°ä¸ªå«å
ç´ æ¶ï¼å°±å¯ä»¥ä½¿ç¨å
èæ ·å¼ã 使ç¨å
èæ ·å¼çæ¹æ³æ¯å¨ç¸å
³çæ ç¾ä¸ä½¿ç¨æ ·å¼å±æ§ãæ ·å¼å±æ§å¯ä»¥å
å«ä»»ä½ CSS å±æ§ã以ä¸å®ä¾æ¾ç¤ºåºå¦ä½æ¹å段è½çé¢è²åå·¦å¤è¾¹è·ã
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
温馨提示:答案为网友推荐,仅供参考