css面试题大全（持续更新）

• 介绍一下css的盒子模型？
  ​css盒子模型详解
• css 选择符有哪些？ css3新增伪类有那些？
  ​元素选择符与关系选择符属性选择符伪类选择符,CSS3新增伪类伪对象（伪元素）选择符
• css那些属性可以继承，哪些属性不可继承
  ​css中可继承和不可继承的元素详解
• css样式优先级，以及权重计算
  ​css优先级详解
• 设置元素浮动后，该元素的display值是多少？
  自动变成display:block
• 为什么要初始化css样式？
  ​初始化css样式
• 如何让div垂直居中，水平居中
  ​div居中的方法全解析（共8种）
• 清除浮动的方法
  ​详解css清除浮动方法（9种方法）
• CSS3的flexbox（弹性盒布局模型）以及flex的用法
  ​flex布局，css3弹性盒子模型
• 用css实现一个三角形

<div class="sjx"></div>

<style>
    .sjx{
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 40px solid #ff0000;
    }
</style>

• 对 BFC 规范(块级格式化上下文：block formatting context)的理解？
  ​BFC（块级格式化上下文）与常见布局方案
• css隐藏元素的方法，display:none,visibility:hidden,opacity:0的区别，visibility 属性有个 collapse 属性值详解
  ​css隐藏元素方法大全
• 元素竖向的百分比设定是相对于容器的高度吗？
  当按百分比设定一个元素的宽度时，它是相对于父容器的宽度计算的，但是，对于一些表示竖向距离的属性，例如 padding-top , padding-bottom , margin-top , margin-bottom 等，当按百分比设定它们时，依据的也是父容器的宽度，而不是高度。
• 怎么让Chrome支持小于12px 的文字？（IE原本就支持）

p{
    font-size:10px;
    -webkit-transform:scale(0.8);//0.8是缩放比例
}

• rgba() 和 opacity 的透明效果有什么不同？opacity作用于元素，以及元素内的所有内容的透明度，
  rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！）