Cascading Style Sheets Tutorial

  / * Hide "slogan," I have plans for their own background * / 
  . HeaderText ( 
  Display: none; 
  ) 

  / * The top of the entire Banner * / 
  . Header ( 
  Border: none; 
  Height: 200px; 
  Background: url ( "http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_Banner_.jpg") no-repeat; 
  ) 

  / * Set up for a domain in the text * / 
  A ( 
  Font-family: Chinese Choi Wan; 
  Font-size: 17px; 
  Color: darkgreen; 
  Text-decoration: none; 
  ) 
  A: link ( 
  Color: mediumvioletred; 
  Text-decoration: none; 
  ) 
  A: visited ( 
  Color: # 990066; 
  Text-decoration: none; 
  ) 
  A: active ( 
  Color: # 660066; 
  ) A: hover ( 
  Color: # 660066; 
  Text-decoration: underline; 
  ) 

  / * Left-hand navigation bar contents * / 
  (# Leftcontent 
  Border: none; 
  Padding-top: 99; 
  Background-color: transparent; 
  ) 

  / * "Article", "book", etc. * / 
  . Listtitle ( 
  Font-family: Chinese Xing Kai; 
  Color: # 6666CC; 
  Background: none; 
  ) 

  / * Do not show WMP players, players on the settings are done in HTML * / 
  (# MediaPlayer 
  Display: none; 
  ) 

  / * The content of the entire article column * / 
  (# Centercontent 
  Padding-top: 0; 
  Font-size: 100px; 
  ) 

  / * Calendar, I now use the template with the * / 
  . CalTitle ( 
  Background-color: transparent; 
  ) 
  . CalDayHeader ( 
  Color: # 993366; 
  Font-family: Chinese Choi Wan; 
  Background-color: transparent; 
  ) 
  . Entrylist ( 
  Background-color: transparent; 
  Font-family: Chinese Xing Kai; 
  Font-size: 130%; 
  Color: green; 
  Border: none; 
  ) 

  / * Set the entire layout of the table * / 
  (Table 
  Filter: alpha (opacity = 60); 
  Border-collapse: collapse; 
  ) 

  / * CSDN Home, CSDN community, CSDN technology centres and the like, something * / 
  (# Mytopmenu 
  Display: none; 
  ) 
  (# Mylinks 
  Display: none; 
  ) 

  / * The bottom of most pages Powered by * / 
  . Footer ( 
  Display: none; 
  ) 

  / * Hide "Special Mention" * / 
  (# Csdn_zhaig_ad_yahoo 
  Display: none; 
  ) 

  / * Main page * / 
  Body ( 
  Background: url ( "http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_% e8% 83% 8c% e6% 99% af.jpg"); 
  Cursor: url ( 'http://webme.bokee.com/inc/mouse020.ani'); 
  Font-size: 0.8em; 
  Font-family: Geneva, Arial, Helvetica, sans-serif; 
  ) 

  / * Comment column related * / 
  (# Comments 
  Padding-left: 40px; 
  Font-size: 10pt; 
  Background-color: # 000; 
  ) 
  (# CommentForm 
  Background-color: # 000; 
  Width: 500; 
  Background: url ( "http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_% e8% af% 84% e8 ba%%% ae e8% 83% 8c% e6% 99% af . gif 
  ") No-repeat;) 

  / * Bulletin Board * / 
  . NewsItem ( 
  Font-family: Chinese Xing Kai; 
  Color: red; 
  ) 

  / * All img map * / 
  Img ( 
  Filter: invert (); 
  ) 

  / * Text article * / 
  . Post ( 
  Border: dotted # 663333; 
  Background-color: # 000; 
  Padding-bottom: 5px; 
  Padding-top: 5px; 
  Line-height: 120%; 
  Color: chocolate; 
  ) 
  . PostFoot ( 
  Color: # 33CCFF; 
  ) 
  / * Article * Abstract / 
  . PostText ( 
  Color: chocolate; 
  ) 

  The above code is that I now use this CSS, can be both the first in their own CSS look at the effect of amending box it ^ ^ 
  Blog is now on the CSS should be about how to have a understanding.    I think landscaping Blog most important thing is to look at their own 
  Blog code.    It can be, first opened its home page, right to see source.    Especially when we look at class and id idea 
  These two keywords, these two concepts on the details please refer to the "Chinese CSS manuals."    Whatever the first to find 
  Id class or put on the background to see what effect, huh.    .    .    . 

  Well, on the CSS can be modified during a paragraph, below the pendant Add to talk about HTML.    My Blog, which is mainly used in a transparent goldfish Flash, a WMP player and one watches.    Code as follows: