面接問題
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（ ）