免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1693 | 回复: 1
打印 上一主题 下一主题

JavaScript css的使用总结 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2011-12-12 23:56 |只看该作者 |倒序浏览
JavaScript css的使用总结








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

论坛徽章:
0
2 [报告]
发表于 2011-12-24 20:00 |只看该作者
谢谢分享  希望于楼主多多交流
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP