一、什么是BFC BFC(block formatting context）：简单来说，BFC 就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和 ...
分类：
其他好文 时间：
2020-03-20 22:28:52
阅读次数：
56
在围观Drupal官方主题的时候，发现了一个有意思的非标准CSS选择器-webkit-font-smoothing，于是上手把玩了一番。如何使用css3字体平滑显示呢 要知道，W3C对CSS中字体的抗锯齿渲染是有过考虑的，如font-smooth，不过可能由于不同操作系统以及浏览器内核对字体的渲染存 ...
分类：
Web程序 时间：
2020-03-20 19:59:25
阅读次数：
82
CSS3 3种隐藏元素方法的区别 [Toc] display: none 1. 结构: 浏览器不会渲染 的元素, 并且不占据页面空间 2. 事件监听: 无法对元素进行事件监听 3. 继承: 不会被子元素继承(子元素设置 不会显示) 4. 改动: 改动属性值会引起页面的 重排 和 重绘 5. 过渡: ...
分类：
Web程序 时间：
2020-03-20 12:43:25
阅读次数：
104
CSS3属性文本阴影：text-shadow：水平阴影 垂直阴影 模糊度 颜色； 可以多组值共同存在，用逗号隔开多层文本阴影的设置：text-shadow：第一层，第二层，第三层； 文本换行： 在单词内部换行： word-wrap：； normal：默认值，不允许在单词内部换行。 break-wor ...
分类：
Web程序 时间：
2020-03-19 23:16:31
阅读次数：
167
浏览器的问题，这个 bug 已经有很久的历史了。[1476379 - Border issue (pixels) when using floating point numbers in css transform: scale()](https://bugzilla.mozilla.org/sho... ...
分类：
其他好文 时间：
2020-03-19 21:30:59
阅读次数：
79
title: calc与vh、vw date: 2020 03 18 09:43:10 tags: css vh、vw 与`vw` 是一个 js 与 css耦合的单位，经常用来做响应式布局,这两个单位是 css3引入的 视口是指：浏览器可视区域 vw: 相对于视口的宽度。视口被均分为100单位的vw ...
分类：
其他好文 时间：
2020-03-18 13:13:34
阅读次数：
63
1. 讲讲child1,child2的变化，为什么？<div> div class='child1' div class='child2' div class='child3'</div>.child2 { transform: translateY(200px)} transform提升元素的垂直 ...
分类：
其他好文 时间：
2020-03-18 09:44:21
阅读次数：
60
关于CSS3的object fit属性的详细理解： 对object fit属性的理解： 属性值： fill : contain: cover: none: scale down: 图片展示： 按照上面的代码依次展示 使用范围：头像等，后台传过来的数据不一致的时候； ...
分类：
Web程序 时间：
2020-03-17 19:46:34
阅读次数：
86
CSS nth-child() nth-child()不止作用于子元素，还会作用于孙子元素，比如：div：nth-child（1），不止会作用于div，还会作用于div里的div. table相关元素的backgroundborderheightwidthmarginpadding测试 demo结论 ...
分类：
其他好文 时间：
2020-03-17 10:22:30
阅读次数：
82
个人的面试踩坑之旅，充满诚意的干货~ 一：今日头条 1.用css实现一个自适应的正方形详细参考：https://idiotwu.me/css-respon... <div class="placeholder"></div> 方法1：CSS3 vw 单位 .placeholder { width: ...
分类：
其他好文 时间：
2020-03-16 15:10:48
阅读次数：
92
