JavaScript css的使用总结

最新推荐文章于 2024-10-04 22:03:04 发布

cjd007

最新推荐文章于 2024-10-04 22:03:04 发布

阅读量73

点赞数

分类专栏： javascript 文章标签： css javascript ViewUI

本文链接：https://blog.csdn.net/cjd007/article/details/84113243

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏


<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>