（自己的见解，第一次写，请多多指教！）
关于css分为3中方式：
1.内联式 2.嵌入式 3.外联式
关于这几种大家都是很明白的额(分别介绍下)：
代码：DESC(倒序)
View Code
1 <head> 2 <style type="text/css"> 3 @import myStyle.css; 4 </style> 5 </head> 6 <body> 7 <div id="oDiv">请点击<a href="page.html">网站链接</a></div> 8 <script type="text/javascript"> 9 var oStyleSheet=document.styleSheets[0]; // 获取style元素定义的样式表 10 var oImport=oStyleSheet.imports[0]; // 获取其中第一个@import指令 11 oRule = oImport.rules[0]; // 获取样式表中的第一个规则 12 alert(oRule.style.color); // 下面就是访问规则 13 oRule.style.color = "green"; 14 oRule.style.fontSize = "13px"; 15 alert(oRule.style.color); 16 </script> 17 </body>
View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DHTML && CSS</title> <style type="text/css"> div{color:rgba(102,102,102,1);font-weight:bold;} p{ color:rgba(255,51,0,1);font-size:15px;} </style> </head> <body> <div id="fan">PLEASE<a href="#">LINK</a></div> <script type="text/javascript"> var oStyleSheet=document.styleSheets[0]; var oRule=oStyleSheet.rules[0]; alert(oRule.style.color); // 访问规则中定义的样式属性color oRule.style.color = "green"; // 改变规则中定义的样式属性color oRule.style.fontSize = "13px"; // 在规则中新增样式属性fontSize alert(oRule.style.color); // 访问改变后的样式属性color </script> </body> </html>
View Code
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>css</title> 6 </head> 7 <body> 8 <div id="StyleSheet" style="color:"blue"; fontsize=20px;">PLEASE<a href="#">LINK</a></div> 9 10 <script type="text/javascript"> 11 var oStyleSheet=document.getById("StyleSheet") 12 alert(oStyleSheet.style.color); 13 afan.style.color="green"; 14 afan.style.fontSize="15px"; 15 alert(afan.style.color); 16 </script> 17 </body> 18 </html>