慕課網HTML+CSS基礎教程(9-10章)2.0版

1178 ワード

一、CSS継承、積層と特殊性


1、継承は、colorなどの子孫サブ要素にいくつかのスタイルを継承することを許可し、borderは継承できません.2、特殊性1つの要素に異なるCSSコードがある場合、重みルールに基づいてどのCSSスタイルを使用するかを判断する必要がある.
継承-----ウェイト値0.1(最低)ラベル-----ウェイト値1クラスセレクタ-----ウェイト値10 IDセレクタ-----ウェイト値100(最高)
例を挙げます.
p span{color:green;}-----  2
.warning{color:white;}-----  10
p span.warning{color:purple;}-----  12
#food .note p{color:pink;}-----  111```

3、  
        CSS            ,      CSS   。(    )

4、   
            , !important  
>  :
p{color:red!important;}
           

         css   ,              ,        :
       >       >         
  :!important               

##  、CSS    
1、  (        )
>  :font-family
 :body{font-family:"Microsoft Yahei";}

2、     
>  :font-size
  :color
 :body{font-size:12px;color:#666}

3、  、  、   、   
>  :font-weight:bold
  :font-style:italic
   :text-decoration:underline
   :text-decoration:line-through
 :a{text-decoration:underline;}

4、  、  
>  :text-indent:2em
(2em    2   )
  :text-align:left/center/right
 :
h1{
      text-align:center;
}

5、   (  )
>   :line-height:1.5em

6、     、    
>     /    :letter-spacing:20px
    :word-spacing:50px