一、盒模型（box-sizing）
盒模型：margin、border、padding、width
IE盒子模型的基本构造与标准盒模型基本相同，但，
与标准盒模型不同的是对于content部分包含了padding，border部分
二、css3新特性：伪类、伪元素、锚伪类
伪类和伪元素是用来修饰不在文档树中的部分
伪类用于当已有元素处于某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的
伪元素用于创建一些不在文档树中的元素，并为其添加样式
锚伪类：锚代表超链接 锚伪类是超链接的四种状态（link hover active visited）
锚伪类的排序问题：爱与恨（l v h a）
三、css实现隐藏页面的方式
opacity(0-1)
visibility(hidden show)
display(none block)
position(将top和left设为足够大的负数)
四、如何实现水平居中和垂直居中
1 | 水平居中： |
五、说说position，display
display：
属性值 none：该元素不会显示，并且该元素的空间也不存在
line：内联元素
block：块级元素
inline-block：行内块元素，即是内联元素，又可设置宽高以及行高及项和底边距
position：
默认值：static
相对定位：relative
绝对定位：absolute
固定定位：fixed
六、link和@import引入css的区别
（1）link是xhtml标签，除了加载css外，还可以定义RSS等其他事物；@import属于css范畴，只能加载css
（2）link引用css时，在页面载入时同时加载；@import需要页面网页完全加载以后加载
（3）link是xhtml标签，无兼容问题；@import是在css2.1提出的，低版本的浏览器不支持
（4）link支持使用JavaScript控制dom去改变样式；而@import不支持
七、解释一下css3的flexbox，以及适用场景
什么是flex布局？
2009年，W3C提出了一种新的布局方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。
flexbox容器的属性1
2
3
4
5
61.flex-direction 决定项目在主轴的排列方向。
2.flex-wrap 决定如果一条轴线排不下了，该如何换行。
3.flex-row 是flex-direction和wrap的简写形式，默认row nowrap。
4.justify-content 决定项目在主轴方向上如何对齐。
5.align-items 决定项目在交叉轴上如何对齐。
6.align-content 定义多根轴线如何对齐。
参考文章：
2018浅谈前端面试那些事
css盒模型
FLEXBOX(弹性盒布局模型)以及适用场景
如有侵权或表述不当请发送到邮箱
