凝望长空 发表于 2011-12-12 23:56

JavaScript css的使用总结

JavaScript css的使用总结







Java代码1.<html>
2.<header>
3.<style type="text/css">
4.font{ bold italic 24pt helvetica; }
5./*等价于 */
6.font{ font-weight:bold; font-style:italic; font-size:24pt;font-family: helyetica;}
7./*以上定义对于该页面中的所有font起作用*/
8.
9.h1,h2{text-align:center;}
10./*以上定义对于该页面中的所有h1 和 h2起作用*/
11.
12.p{font-color:red;}
13.p.pcss{font-weight:bold;}   
14./*表示对与class=pcss的元素除了上面的p定义的红色外,还要粗体*/
15./*【记住层叠式样表就是把所有的式样叠放起来】*/
16.
17.#div1{font-color:black;}
18./*仅仅对界面id=div1的元素起作用*/
19.
20.ul li {font-color:orange;}
21./*表示对ul里嵌套的li元素起作用, 注意,这里没有逗号,有逗号就表示对 ul和li都起作用*/
22.
23..WARNING{font-color:red;}
24..WARNING h1,.WARNING h2{font-weight:blod;}
25./*表示对class=WARNING元素包含的h1 h2元素起作用,注意,这里是逗号隔开*/
26.</style>
27.</header>
28.<body>
29.<font>字体</font>
30.<h1>文本1</h1>
31.<h2>文本2</h2>
32.<p style="margin-left lin;margin-right:lin;">文本段</p>
33.<p class="pcss">文本段特殊</p>
34.<div id="div1"> div例子</div>
35.
36.<ul>
37.<li/>
38.<li/>
39.</ul>
40.
41.<div class='WARNING'>
42. <h1/>
43. <h2/>
44.</div>
45.</body>
46.</html>

梦境照进现实 发表于 2011-12-24 20:00

谢谢分享希望于楼主多多交流
页: [1]
查看完整版本: JavaScript css的使用总结