1.CSS3有哪些新特性
圆角（边框半径：8px）
·多栏布局
阴影和反射（Shadoweflect）
·文字效果（文字阴影）
·文字装饰
·线性渐变（渐变）
· 旋转（变换）
添加了旋转、缩放、定位、倾斜、动画和多种背景
2、margin和padding的使用场景
当需要在边框两侧添加空白，且该空白不需要背景（颜色）时，使用margin；
当需要在porderp外面添加空白，并且空白需要背景（颜色）时，使用padding，
3. line-height及其形式参数形式的理解
(1)行高的概念：
·line-height是指一行文本的高度，包括字宽css 背景固定，实际上是下一行基线到上一行基线的距离；
·如果标签没有定义height属性，则其最终高度由line-height决定；
容器没有设置高度，因此扩展容器高度的是line-height，而不是容器中的文本内容；
·将Iine-height值设置为与高度相同大小，实现单行文本垂直居中；
line-height和height都可以支持一个高度；
(2) line-height的形参形式：
Band单位：px是固定值，而em会参考父元素的font-size值来估计自己的列宽
·纯数字：将比率传递给后代。 例如父列宽为1.5，子元素字体为18px，则子元素列宽为1.5*18=27px
百分比：将估计值传递给后代
4、联通终端如何根据设计稿进行适配？
中国联通终端适配主要有两个维度：
适应不同的像素密度，对不同的像素密度使用CSS媒体查询，选择不同精度的图片，保证图片不会失真；
适应不同的屏幕尺寸，因为不同的屏幕有不同的逻辑像素大小，所以如果直接使用px作为开发单位，会提示开发的页面在某个手机上完全显示，而在另一个手机上显示手机会变形。 为了适应不同屏幕的尺寸，设计稿的内容要按照比例进行还原。
为了使页面的规格自适应，可以使用rem、em、vw、vh等相对单位。
5.什么是Sass和Less？ 为什么要使用它们？
它们都是 CSS 预处理器，是 CSS 之上的具体层。 它们是编译成 CSS 的特殊语法/语言。 例如，Less是一种动态样式语言，它赋予CSS动态语言的特性，如变量、继承、计算、函数等。 LESS 可以在客户端运行（支持 lE6+、Webkit、Firefox），也可以在服务器端运行（使用 Node.js）。
为什么要使用它们？
·结构清晰，易于扩展。 它可以方便地屏蔽浏览器的私有句型差异。 将浏览器句型差异的重复处理封装起来，减少无意义的机械劳动。
可以轻松实现多重继承。 完全兼容CSS代码，可以轻松应用到旧项目中。 Less只是扩展了CSS句型，所以旧的CSS代码也可以和Less代码一起编译。
6、px、em、rem的区别及使用场景
两者的区别：
·px是固定像素，一旦设置，很难因适应页面大小而改变。
em 和 rm 比 px 更灵活。 它们是相对厚度单位，宽度不固定，更适合响应式布局。
em设置的字体大小是相对于其父元素的，这样就会出现问题。 对于任何元素设置，可能需要知道其父元素的大小。 而rem是相对于根元素而言的，也就是说只需要在根元素上确定一个参考值即可。
使用场景：
·对于只需要适配少量联通设备，且码率对页面影响不大的css 背景固定，使用px。
·对于需要适配各种联通设备的，使用rem，例如需要适配iPhone、iPad等码率差异比较大的设备。
发表评论