前端开发面试题收集 css
2024-10-18 12:47:55
什么是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等
- 新的选择器 结构伪类、目标伪类、状态伪类等
最新文章
- 非常棒的Android对话框效果
- net iis 部署中出现的问题及解决方案
- git: windows git ssh keys生成
- T4 模板 : 一种提升ASP.NET MVC开发速度方法
- [错误代码:0x80070002]IIS7及以上伪静态报错404
- ImageView设置点击效果没有用?ImageView src的图片大小改变不了?
- servlet自动获取前端页面提交数据
- kafka和strom集群的环境安装
- Mac上重置mysql 5.7密码
- [Swift]LeetCode1016. 子串能表示从 1 到 N 数字的二进制串 | Binary String With Substrings Representing 1 To N
- react-router 4.0(一)
- BZOJ 4806 - 4809 象棋四题
- bzoj5016
- Python 开发者在迁移到 Go(lang) 时需要知道哪些事?
- 友盟推送SDK集成测试、常见问题以及注意事项总结
- (转)[Unity3D]BuildPipeline.PushAssetDependencies 打包依赖包,优化UI Prefab的资源引用加载(坑爹之处)
- Oracle 的存储过程以及用jdbc调用存储过程
- hadoop中的序列化与Writable接口
- python-集合、字典
- Spring课程 Spring入门篇 5-4 advice应用(上)