当前位置: 首页 > Web前端 > CSS

css面试题

时间:2023-03-30 13:52:27 CSS

有很多css属性用的很多,就是记不住,老是忘记。这些是我总结的一些常用的CSS属性。看右边的汉字提示,看能不能全部说出来。每天花5分钟背诵,你一定能流利地记住它们。特殊的词可能需要很长时间才能排版。.捂脸//deep.box{}可以用来分解组件再加入class重写元素的样式//========用于vue组件穿透.clear-float:在{显示:块;内容:'';清除:两者;}//===============伪元素清除浮动位置:relative;//relative,absolute绝对固定,sticky//=========定位显示:柔性;弹性流:列反转;flex-wrap:wrap;//==================弹性布局//justify-contnet:center;对齐项目:居中;flex-start,flex-end,center,space-between,space-around-wekit-transform:translate(50px,100px)rotate(30deg)scale(2,4);//=========3D变形-ms-transiton:windth2stransform2s;//IE9@keyframesmyfitst{//=====================================css动画50%{宽度:10px;}100%{width:20px;}}.div{animation:myfitst2s;}@mediascreenand(min-width:480px){//==============================响应式布局body{background-color:lightgreen;}}width:calc((100%-100px)*20);//===================================================计算宽高框-阴影:2px2px4pxred;//左右,上下,模糊,度数,颜色===============框阴影text-shadow:5px5px5px#FF0000;//=============================================================================================================================================================================================================文本间距text-align:justify;//不支持最后两尾对齐,使用css3,或者伪元素==========text-align-last:justify;css3属性:after{display:inline-block;content:'';width:100%;height:0;}cursor:pointer;//===============================================鼠标变小pointer-events:none;//=========================================点击查看效果表{边界崩溃:崩溃;边框:1px#555实心;}//===================表格边框合并标准框模型===============================================BoxModel元素实际宽度=width(宽度)+padding(内边距)+border(边框)=IEboxmodelwidth=content+padding+border;box-sizing:border-box;将标准盒模型转换为IE盒模型还有大家觉得缺少和常用的,希望大家提一下,我会补全的,谢谢大家。。,