《【题库类】5年前端竟败在了CSS面试上》由会员分享，可在线阅读，更多相关《【题库类】5年前端竟败在了CSS面试上（6页珍藏版）》请在金锄头文库上搜索。
1、PATE one基础篇1、CSS选择器有哪些2、解释css像素，设备像素与物理像素o 设备像素就是手机屏幕上的真实像素点。iphone6的设备像素750*1334，也就是说iphone6屏幕上有750*1334个像素点o 物理像素是指操作系统定义的一种长度单位。iphone6的设备独立像素375*667，正好是设备像素的一半o css像素是CSS中的长度单位，在CSS中使用的px，都是指CSS像素3、CSS中link和import的区别o link属于HTML标签，而import是CSS提供的o 页面被加载时，link会同时被加载，而import引用的CSS会等到页面被加载完再加载o impo
2、rt只在IE5以上才能识别，而link是HTML标签，无兼容问题o link方式的样式的权重高于import的权重4、CSS优先级选择器的特殊性值表述为 4 个部分，用 0,0,0,0 表示。o ID 选择器的特殊性值，加 0,1,0,0o 类选择器、属性选择器或伪类，加 0,0,1,0o 元素和伪元素，加 0,0,0,1o 通配选择器*对特殊性没有贡献，即 0,0,0,0o 最后比较特殊的一个标志!important（权重），它没有特殊性值，但它的优先级是最高的，为了方便记忆，可以认为它的特殊性值为 1,0,0,0,0PATE two 提高篇1、伪类选择器和伪元素的区别伪类用于向某些选择器添
3、加特殊效果 (单冒号)伪元素用于将某个特殊的东西添加到某些元素的前后 (双冒号)2、:after/:after与:before/:before的区别o :before在元素之前添加效果/:after是在元素之后添加效果o :after/:before是CSS2提出的,兼容IE8o :after/:before是CSS3为了区分伪类和伪元素的做出的差别,为了避免兼容性问题,习惯性的还是写:after/:before3、CSShack 知道哪些由于不同的浏览器，甚至同一浏览器的不同版本对 CSS 的解析认识不一样，导致生成的页面效果不一致，写出针对不同浏览器CSS code 就称 CSS。4、为什
4、么要清除浮动？如何清除引起的问题：o 父元素的高度无法被撑开，影响与父元素同级的元素o 与浮动元素同级的非浮动元素会跟随其后o 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构解决的方法：5、CSS sprite是什么？有什么优缺点？是精灵图，将多个小图片拼接到一个图片中，通过background-position和元素尺寸调节需要显示的背景图案。优点：减少http请求数，极大的提高页面加载速度；增加图片信息重复度，提高压缩比，减少图片大小；更换风格方便，只需在一张或几张图片上修改颜色或样式即可实现。缺点：图片合并麻烦、不方便维护。6、有什么不同的方式可以隐藏内容?o visibilty：hidden：元素仍然在文档流中，并占用空间o display：none：元素脱离文档流，不占用空间o position：left：-999999px：将内容至于屏幕之外o text-index：-9999：只适用于block元素中的文本PATE three 实战篇1、写一个左中右布局，占满全屏，其中左右两块的固定宽度是200，中间自适应宽度的结构及样式o 方法一o 方法二2、溢出显示的另外一种显示方式
