JavaScript css的运用总结
日期：2014-05-17 浏览次数：20681 次
JavaScript css的使用总结
<html>
<header>
<style type="text/css">
font{ bold italic 24pt helvetica; }
/*等价于 */
font{ font-weight:bold; font-style:italic; font-size:24pt;font-family: helyetica;}
/*以上定义对于该页面中的所有font起作用*/
h1,h2{text-align:center;}
/*以上定义对于该页面中的所有h1 和 h2起作用*/
p{font-color:red;}
p.pcss{font-weight:bold;}
/*表示对与class=pcss的元素除了上面的p定义的红色外，还要粗体*/
/*【记住层叠式样表就是把所有的式样叠放起来】*/
#div1{font-color:black;}
/*仅仅对界面id=div1的元素起作用*/
ul li {font-color:orange;}
/*表示对ul里嵌套的li元素起作用, 注意，这里没有逗号，有逗号就表示对 ul和li都起作用*/
.WARNING{font-color:red;}
.WARNING h1,.WARNING h2{font-weight:blod;}
/*表示对class=WARNING元素包含的h1 h2元素起作用,注意，这里是逗号隔开*/
</style>
</header>
<body>
<font>字体</font>
<h1>文本1</h1>
<h2>文本2</h2>
<p style="margin-left lin;margin-right:lin;">文本段</p>
<p class="pcss">文本段特殊</p>
<div id="div1"> div例子</div>
<ul>
<li/>
<li/>
</ul>
<div class='WARNING'>
<h1/>
<h2/>
</div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
