CSS
文章平均质量分 90
CSS技术分享
柠檬树上柠檬果柠檬树下你和我
2021年度博客之星前端领域TOP5、2021年度博客之星前100名
展开
-
CSS面试题汇总(四)
往期点这里:↓ CSS面试题汇总(一) CSS面试题汇总(二) CSS面试题汇总(三) 31. 什么是 FOUC? 如何避免 参考答案: 1. 什么是 Fouc(文档样式短暂失效)? 在引用 css 的过程中,如果方法不当或者位置引用不对,会导致某些页面在 windows 下的 ie 出现一些奇怪的现象,以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效,简称 FOCU。 2. 原因大致为: 使用 import 方法导入样式表 将样式表放在页面底部 有几个样式表,放在 html 结构的不同原创 2021-11-20 08:00:00 · 2618 阅读 · 0 评论 -
CSS面试题汇总(三)
往期点这里:↓ CSS面试题汇总(一) CSS面试题汇总(二) 21. li 与 li 之间有看不见的空白间隔是什么原因引起的?有什么解决办法? 参考答案:浏览器的默认行为是把 inline 元素间的空白字符(空格换行 tab)渲染成一个空格,也就是我们上面的代码<li>换行后会产生换行字符,而它会变成一个空格,当然空格就占用一个字符的宽度。 解决方案: 方法一:既然是因为 <li> 换行导致的,那就可以将 <li> 代码全部写在一排,如下 <div class="原创 2021-11-19 10:50:08 · 2797 阅读 · 0 评论 -
CSS面试题汇总(二)
往期点这里→CSS面试题汇总(一) 11. css 中可以让文字在垂直和水平方向上重叠的两个属性是什么? 参考答案: 垂直方向:line-height 水平方向:letter-spacing 那么问题来了,关于 letter-spacing 的妙用知道有哪些么? 可以用于消除 inline-block 元素间的换行符空格间隙问题。 12. px 和 em 的区别。 参考答案: px 和 em 都是长度单位,区别是,px 的值是固定的,指定是多少就是多少,计算比较容易。em 得值不是固定的,并且 e原创 2021-10-13 11:30:09 · 4801 阅读 · 0 评论 -
CSS面试题汇总(一)
1. 实现不使用 border 画出 1px 高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果。 参考答案: <div style="height:1px;overflow:hidden;background:red"></div> 2. 介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的? 参考答案: (1)有两种, IE 盒子模型、W3C 盒子模型; (2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(原创 2021-10-12 10:38:01 · 5115 阅读 · 0 评论