CSS简单实用的八大技巧(1)

  本文和大家重点讨论一下书写CSS简单实用的8个技巧,主要帮助刚接触CSS的朋友更好的理解CSS,希望对你的学习有所帮助。

  书写CSS简单实用的8个技巧

  这篇文章主要帮助刚接触CSS的朋友,通过该文章,可以帮助大家更好的理解CSS。

  1.结构

  保持CSS结构清晰,不仅有助于保持CSS文件的简单,也利于日后的检查、更改。

  这种不推荐:

  BODY   {margin-top:5px;font-family:Arial,Helvetica,   sans-serif;font-size:14px;color:#3b5f83;}

  推荐这种写法:

  BODY   {   margin-top:5px;   font-family:Arial,Helvetica,sans-serif;   font-size:14px;   color:#3b5f83;   }

  2.保持简洁

  保持代码简洁,可以大幅减小CSS文件的大小。

  不推荐:padding-top:10px;

  padding-right:5px;

  可以简写:padding:10px5px00;

  3.Paddingvs.Margin

  对于浏览器来说,Margin是兼容性最差的一个属性。因此,只要条件允许,应该尽可能的使用Padding属性。

  4.整合

  在下面的例子中定义了一个公共的Class,来代替不同的地方都要用到的相同的代码:color:grey。

  .header-content{   font-size;12px;   color:grey;   }   .body_content{   font-size:12px;   color:grey;   }   .footer_content{   font-size:11px;   color:grey;   }

  其实可以这样:

  *{color:grey;}   .body_content{font-size:12px;}   .footer_content{font-size:11px;}

   快乐不是因为得到的多而是因为计较的少!

CSS简单实用的八大技巧(1)

相关文章:

你感兴趣的文章:

标签云: