HTML+CSSの基礎知識(4)

1.text-shadow:文字の影x y blur color

 ：               
 ：           ，       

2. box-shadow:

x
y
blur
spread
color
inset
   

 ：            。
 ：       ，    outset    ，      inset     。

3.maskマスク

url
repeat
x
y
w
h
   

 ：mask        ，           。

 ：   x、y   。

4. box-reflect

above    
below    
left     
right    
  
   |    

  ：          ，         。

5.blurぼかし

    filter : blur()

6.calc計算

7.段組みレイアウト

  column-count :      
  column-width :       
  column-gap :         
  column-rule :      
  column-span :     

 ：column-width column-count       。

8.擬似要素と擬似クラス:

    （1）                    。         DOM  ，        。  ，              。
    :: selection
    :: first-line   /    first-letter
    :: before     /     after 
    …	

(2)擬似クラスは本質的に従来のCSSセレクタの不足を補い,より多くの情報を得るためである.通常は、DOMツリーに存在しない情報を取得したり、ゲージCSSセレクタで取得できない情報を取得したりすることを示す.

   ：hover
   :focus
   :empty
   ...

9.CSS Hack分類

1. CSS     
    .elem{ _background:red; }

2.       

    *html .elem{ }

3. IE     

    IE10          

10.IE低バージョン共通BUG

1.    
2.    
3.     
4.     

11.レイアウト拡張

1.     
      margin-bottom   padding-bottom    。

2.     ，    ，     

    1. BFC   
    2.   
    3.    (      、     )
        margin  

    4. flex