css小回顧

2462 ワード

1.知っているcssセレクタを挙げる

     ,    ,ID   
     div.box1--div  ,  class box1   ,     div,p--div p      
div p     ,div>p     ,div+p     ,div~p     
     [title],        [title="hello"]--    hello,[title^="hello"]--    hello  ,[title*="hello"]--     hello,[title$="hello"]--    hello  ,[title~="hello"]--    title  (          )      hello
     ,a   "    ",a:link{}--      a    ,a:visited{}--    a    ,a:hover{}--   a    ,a:active{}        ,input:focus{}--input           
      p:first-letter{}--p        ,p:before{}--p         ,p:after{}--p           

2.クラスセレクタとidセレクタの役割をそれぞれ述べる

    :      ,       ,     css     
id   :      ,id    。

3.Webスタイルをリセットする方法

       ,          
*{
margin:0px;
padding:0px;
}

4.箱の模型についてどのように理解していますか。それらの属性はどれらがありますか?

margin:   
padding:   
width:    
height:    

5.標準ドキュメントフローとは?

    ,web   ps          。
web    ,   ,    。
ps                。

           
1.      --       ,           
2.    ,    
3.    ,     ,   
  float       ,        ,       。

6.フロートボックスの特徴?浮動のメリット?フローティングをクリアするにはどうすればいいですか?

float             。

    
1.      
2.        
3.        
4.        

    :
    1.        
    2.clear:both,          div,        ,    clear:both
    3.      ,         ,        ,    clearfix 
    .clearfix:after{
    /*        */
    content: '.';
    clear: both;
    display: block;
}
    4.overflow:hidden,overflow                。

7.精霊図のメリットは何ですか?

           

8.位置付けは何種類ありますか。「父相子絶」の位置づけをどのように理解しているのかを述べます。

    ,    ,    
“    ”:      ,    ,        。      ,       ,          。

9.どのような箱がドキュメントの標準フローから離れていますか?ドキュメントの標準フローから離れたボックスの特徴はどうですか?

     ,    ,                
       :
1.     ,      ,
2.            
3.absolute fixed      padding

10.z-indexのルールはどうですか。

1.z-index   ,     
2.    ,   z-index   ,    z-index  ,           
3.          ,    z-index
4.   z-index  0,z-index   , html   ,            

11.displayプロパティの値はどれらがありますか?それぞれ彼らの意味を説明しますか?

block:    ,      ,      
inline:    ,       ,      ,     float   ,      
inline-block:       ,      。