面试必考15道CSS3基础面试题（含答案）

---

前言

随着CSS的不断的发展，现在出现了CSS3，CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块；CSS3的新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。

---

提示：以下是本篇文章正文内容，下面案例可供参考

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？？

• 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin
• 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin

2、box-sizing属性？

• 用来控制元素的盒子模型的解析模式，默认为content-box
• context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽
• border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽

3、CSS选择器有哪些？优先级顺序？哪些属性可以继承？

• CSS选择器：
  id选择器(#myid)、
  类选择器(.myclassname)、
  标签选择器(div, h1, p)、
  相邻选择器(h1 + p)、
  子选择器（ul > li）、
  后代选择器（li a）、
  通配符选择器（*）、
  属性选择器（a[rel=“external”]）、
  伪类选择器（a:hover, li:nth-child）

• CSS选择器优先级顺序：
  -!important > 行内样式（比重1000）> ID 选择器（比重100） > 类选择器（比重10） > 标签（比重1） > 通配符 > 继承 > 浏览器默认属性

• CSS可以继承属性：
  font-size, font-family, color

• CSS不可以继承属性：
  border, padding, margin, width, height

什么是 !important：
CSS