CSS:ダミークラス、スタイルシート、複数列

1970 ワード

css    html       ,      、  、  、  、   
  :                             : ,   “;”  
      、    :
background-color:         
{    
    background-image:        
    background-image:url("    ")    
    background-repeat:                    repeat
}
    no-repeat        
    repeat-x              
    repeat-y              
    repeat           、        
background-position:right|left|top|bottom             
background-attachment:                      
css3  :
    background-size:                 
    background-origin:           
    background-clip:         

擬似クラス#

  :
         
                 ,                            
       : 
         :  +   ,   :   +   
               、    、   、                 ,         
      4   ,      4 
    :
      a:link{         
              text-decoration:underline;
              color:red; 
             }
      a:visited{  }         
      a:hover{    }    
      a:active{   }             
       :  css      (          ),  a css   ,
               a:link,a:visited,a:hover,a:actived     

スタイルシート###

        :
        ,  :          
       :css    
       :css       css                         css          
    :html   +
       :          ,             ,  style      。
  body{
    margin:0px;
  }

複数列######
/*
       :
        css3 ,                  
          :
        column-count:       
        column-gap:            
        column-rule:               
*/
.div5{
    /*    */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;

    /*      */
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;

    /*           */
    column-rule: 2px outset lightblue; 
   -webkit-column-rule: 2px outset lightblue;
    -moz-column-rule: 2px outset lightblue;}