CSS初级教程总结:属性结合起来使用

如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式。

下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件,改变CSS HTML会发生什么变化。

css 代码
  1. body {   
  2.  font-familyarialhelveticasans-serif;   
  3.  font-size: 80%;   
  4.  colorblack;   
  5.  background-color#ffc;   
  6.  margin: 1em;   
  7.  padding: 0;   
  8. }   
  9. /* By the way, this is a comment */  
  10. p {   
  11.  line-height: 1.5em;   
  12. }   
  13. h1 {   
  14.  color#ffc;   
  15.  background-color#900;   
  16.  font-size: 2em;   
  17.  margin: 0;   
  18.  margin-bottom: 0.5em;   
  19.  padding: 0.25em;   
  20.  font-styleitalic;   
  21.  text-aligncenter;   
  22.  letter-spacing: 0.5em;   
  23.  border-bottom-style: solid;   
  24.  border-bottom-width: 0.5em;   
  25.  border-bottom-color#c00;   
  26. }   
  27. h2 {   
  28.  colorwhite;   
  29.  background-color#090;   
  30.  font-size: 1.5em;   
  31.  margin: 0;   
  32.  padding: 0.1em;   
  33.  padding-left: 1em;   
  34. }   
  35. h3 {   
  36.  color#999;   
  37.  font-size: 1.25em;   
  38. }   
  39. img {   
  40.  border-styledashed;   
  41.  border-width2px;   
  42.  border-color#ccc;   
  43. }   
  44. a {   
  45.  text-decorationnone;   
  46. }   
  47. strong {   
  48.  font-styleitalic;   
  49.  text-transformuppercase;   
  50. }   
  51. li {   
  52.  color#900;   
  53.  font-styleitalic;   
  54. }   
  55. table {   
  56.  background-color#ccc;   
  57. }   
  58.   
  59.   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值