스타일 및 선택기

1961 단어
html: 구조 css: html 라벨 수식 및 미화(표현, 웹 페이지 외관 제어, 수식, 미화 html)
1.css   (/*  css    */)
        
    1.    css    
    2.  :
          :    {  1:   1;  2:   2;。。。。。。}

   :1.     :           
      style="color:red;"               。
                     
    2.     (      ):
            
                    
            
          :           
          :        
    3.     
        1.      
                  ,
            
                     css     :span{color:red;}
        2.      
    4.       
                  ,        (         )

   :1.     :
        1.     :*{color:css   ;background-color:css   ;text-align:center;
                    width/height:200px;text-decoration:underline;font-size:30px;...}
                  *          
                    :               。
        2.        :h2{  1:   1;  2:   2;...}
                    span{  1:   1;  2:   2;...}
        3.     :                        
                      ,  :.classname(   ){  1:   1;  2:   2;...}
                            :          class="classname(   )"
                            :          
        4.ID   :
                      ,  :#idname{  1:   1;  2:   2;...}
                            :          id="idname"
                            :   ,   id             
                           ,class="a b f"
        
           :     >id    >class>element(     )>*(     )

          :  1000       100      10    1                   0

색 표현법: rgba() 표현법: a는 투명도 0-1 사이의 수치를 나타내고, 0은 완전 투명을 나타내며, 1은 불투명 백그라운드-color: rgba(255,0,0,0.5)는 글씨체의 투명도에 영향을 주지 않는다.
넓이와 높음을 나타내는 방법:width:500px;(고정 단위)width:50%;(유체 단위)width:em/rem;(상대 단위)em: 부모 원소에 대한 변경rem: 뿌리 원소에 대한 변경(html)
  css     ,       

좋은 웹페이지 즐겨찾기