前端开发面试题收集 css
2015-04-27 11:22
316 查看
什么是CSS盒子模型
页面上的每个元素都被浏览器看做是一个矩形的盒子。由内容、填充、边框、边界组成。
什么是 css sprite
将多个图片拼接在一个图片中,通过background-position和元素尺寸调节显示想要的背景的方案。优点:
减少HTTP请求数,加快页面加载速度。
提高压缩比、减少图片大小
更换风格方便,只需在一张或者几张图片上修改颜色或者样式即可。
缺点:
图片合并麻烦
维护麻烦,修改一个图片可能需要重新布局整个图片、样式
display:none; 于 visibility:hidden; 的区别?
前者让元素在dom中消失,不占据空间,后者不会消失、并占据,只是内容不可见。前者是非继承的,父节点消失、子节点也会消失,后者相反,即使父节点消失,设置子节点为visibility: visible;可显现子节点。
修改前者会造成文档重排,后者只会造成元素重绘。
读屏器不会读取前者,会读取后者。
样式的优先级?
!important > style > id > class > 标签 > *为什么被访问过的链接颜色没有变化?
定义链接样式时,需要按照 :link、:visited、:hover、:active的顺序定义。如何在点击文字时也选中checkbox?
在input上设置id,并设置lable的 for属性为对应的id。CSS3新增了哪些特性
新的属性 box-shadow、text-shadow、border-image、background-clip等动画属性 transform、transition、animation等
新的选择器 结构伪类、目标伪类、状态伪类等
相关文章推荐
- 前端开发面试题收集(css部分)
- 前端开发面试题收集(css部分)
- unknow 前端开发面试题收集(css部分)
- web前端开发之div+css教程精华收集一
- 前端开发面试题收集(js部分)
- 前端开发面试题(收集贴)
- 前端开发面试题收集(html部分)
- 【猪猪-前端】收集了30个div+css后台模板,方便大家日常开发使用,简洁易用一贯原则。
- 前端开发面试题收集 JS
- 前端开发面试题收集 HTML
- 淘宝网前端开发面试题(一)--HTML & CSS 面试题
- Web前端开发面试题整理(HTML+CSS+JavaScript)
- 收集整理来自网络上的一些常见的 前端、H5面试题 前端开发面试题
- 最新前端开发工程师面试题——CSS部分
- web前端开发之div+css教程精华收集二
- CSS面试题【网页前端开发面试题考试题】
- 收集Web前端 面试题 HTML+CSS部分
- 前端开发面试题收集
- 2014年最新前端开发面试题(题目列表+答案 完整版)
- 前端基础面试题大全-极乐科技(二)-HTML+CSS部分