常用的CSS代码片段+解读（系列）

原文来自dream-chen的个人博客： http://mbsdk.com/?p=100

• 取消下划线

  网站文本链接已取消下划线，这已成为一种Web设计趋势，尤其是在做响应式网站。

  <style type=”text/css”>  
      a {text-decoration:none;}  
  </style>
  狂点查看取消下划线Demo

• 关于文本的

  段落首字符下沉，变色（适合排版某些文章），文本换行/不换行显示等

  p:first-letter{  
     display: block;  
     margin: 5px 0 0 5px;  
     float: left;  
     color: #ff3366;                        /**首字符的字体颜色**/
     font-size: 4.4em;                      /**首字符的字体大小**/
     font-family: '华文行楷',Georgia, Times New Roman, serif;  
  }
  .textnowrap{
     white-space:norwap;
  }

  狂点查看首字符Demo

  文本换行Demo