面接問題

css部分

1、万能センター

	1.margin: 0 auto;  
	2.text-align: center;  
	3.  ，  
	4.  ，center,middle；    
	5.display:table-cell；    ，all
	6.    ，50%     
	7.    ，     0，margin:auto
	8.         。       
	9.IE6，IE7：       font-size:  /1.14,vertical-align:middle

2.BFC最適化

	       ,   :
	
		  BFC             ；
		         。

3.ボックスモデルのどちらのモードですか。どんな違いですか。設定方法

標準モード:box-sizing:content-box;幅の高さは、内側のマージンおよび枠線

を除く.

怪異モード:box-sizing:border-box

4.フローティングをクリアしないとどうなるか、フローティングをクリアする方法をよく使います。

	           ，           ,       ，        ,     .
	
	     （          ，      ，    clear：both；）（   ）
	     overflow:hidden; (  BFC)
	  after       （    ）
	  before after        

5.削除の原理

	  antd row col,       24 , col      ,         ; 
	      ,        

6.純cssで三角形を実現

//     border
.box {
	    width:0px;
	    height:0px;
	
	    border-top:50px solid rgba(0,0,0,0);
	    border-right:50px solid  rgba(0,0,0,0);
	    border-bottom:50px solid green;
	    border-left:50px solid  rgba(0,0,0,0);
}

7.高さ不定、幅100%、内一p高さ不確定、どのように垂直中央を実現しますか?

verticle-align: middle;

絶対位置決め50%プラスtranslate Y(-50%)

絶対位置決め、上下左右全0、margin:auto

8.少なくとも2つの方法で適応探索を実現する

rem, em

パーセント

メディアクエリ

bs,antd等のグリッドレイアウト

9.テキストのサイズを6 pxに設定

	    12px,          
	  transform: scale  

10.css菊図(4つの小さな円点が回転している)

	//    
	animation: antRotate 1.2s infinite linear;
	//    
	animation: antSpin 1s infinite linear;
	@keyframe antSpin {
	  to {
	    opacity: 1
	  }
	}
	@keyframe antRotate {
	  to {
	    transform: rotate(405)
	  }
	}
	// animation-delay:     0.4s

11.white-space: normal;数字が機能しない場合、どのような属性を使用しますか?

	/*               */
	    word-break:break-all;
	    word-wrap:break-word;

12.textarea設定ではサイズを変更できません

	style="resize:none" 
	//resize   ：
			both（          ）
			horizontal（          ）
			vertical（           ）
			none（    ）