| 标准盒模型 怪异盒模型 弹性盒模型 | box-sizing：content-box，box-sizing：border-box，flex |
| 伪类与伪元素的区别 | 1.伪类和伪元素都是用来表示文档树以外的"元素"。 2.伪类和伪元素分别用单冒号:和双冒号::来表示。3.伪元素其实相当于伪造了一个元素，例如before,first-letter达到的效果就是伪造了一个元素，然后添加了其相应的效果而已，而伪类没有伪造元素，例如first-child只是给子元素添加样式而已 |
| transform 属性 | translateX(x)定义转换，scale(x,y)缩放转换。，rotate(angle)旋转 |
| 单页面应用和多页面应用 | 单页面：只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站，多页面应用 ：多页面跳转刷新所有资源，每个公共资源(js、css等)需选择性重新加载，常用于 app 或 客户端等 |
| SCSS常用特性 | 1.选择器嵌套，2.属性嵌套，3.伪类嵌套，4.变量以$开头（通常网站会有基础变量，譬如基础字体，基础色调等，可以将他们赋值给一个变量，以后调用变量就好了，很类似js里的变量）5.@mixin（混合可重用性高，可以注入任何东西，通过@include引用,6.继承@extend,指继承类中的样式代码，通过关键词 “@extend”来继承已存在的类样式块，从而实现代码的继承 |
| CSS 函数 | 1.attr()返回选择元素的属性值。2.calc()允许计算 CSS 的属性值，比如动态计算长度值。3.rgb()使用红(R)、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色。4.var()用于插入自定义的属性值。 |
| px、em、rem区别介绍 | px像素（Pixel）。绝对长度单位。像素px是相对于显示器屏幕分辨率而言的 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。rem是CSS3新增的一个相对长度单位，相对html根元素的字体大小而言的 （移动端最好使用相对单位） |
| px,pt,em换算表 | 1em=16px，1rem=16px |
| CSS 选择器 | 1.id选择器（#myid），2.Class选择器(.name1.name2)，3.标签选择器(div,h1,p)，4.子选择器(ul>li)，5.后代选择器(li,a)。6.通配符选择器(*)，7.伪类选择器(a:hover,li:nth-child) |
| CSS 动画 | @keyframes mymove {from {background-color: red;}to {background-color: blue;}} animation: mymove 5s infinite; infinite无限,linear线性动画从头到尾的速度是相同的 |
| css3新增伪类 | 1.否定伪类选择器(div:not(div2)) 2.li: last-child{color: red;}3.父元素下只是一个子元素(: only-child)。4. 匹配空元素（没有子元素的元素）(: empty)。5.UI元素状态伪类(:enable选择可用表单元素,:disable 选择禁用表单元素,:checked 选择被选中的表单元素) |
| CSS3 新特性 | 1.Transition,Transform和Animation 2.边框(border-radius、box-shadow,border-image) 3.背景(ackground-clip、background-origin、background-size和background-break)4.文字效果(word-wrap,text-overflow,text-shadow,text-decoration) 5.渐变(linear-gradient(线性渐变)和radial-gradient(径向渐变))6.@font-face特性,7.box-sizing |
| display有哪些作用 | none、inline（默认内敛元素）、block、inline-block |
| CSS三种引入方式：内联、页级、外联 | 内联CSS：内联CSS也可称为行内CSS或者行级CSS，它直接在标签内部引入，显著的优点是十分的便捷、高效；但是同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。页级CSS：页级CSS也可称为内部CSS，整体是放在head标签里边的，在style标签里边定义样式，作用范围和字面意思相同，仅限于本页面的元素；如果你写的代码超过了几百行，想想每次把代码页拉到最上边都很烦，所以它在可维护性方面较差。 外联CSS：使用link或者@import引入即可，可维护性好；并且外联CSS是一个单独的文件，可以作用于多个页面，在修改的时候可以针对性地修改某一块区域，达到多个页面样式同时变更 |
| CSS3 教程 | |
| CSS、Sass、Scss，以及sass和scss的区别 | |
