CSS / CSS3
Mortimery
努力进阶中~~
展开
-
flex布局遇到white-space失效问题
昨天在用vue做移动端单页面时,遇到一个问题,给子标签加上flex等于1,尝试多次无效,发现把white-space属性去掉,就能正常实现等宽自适应布局。 初步定位问题为,white-space对flex弹性布局有影响。在网上找了一系列的资料,找到一个解决办法,给使用了white-space的子标签添加一个属性min-width: 0,可以解决问题。HTML--伪代码...原创 2018-07-09 16:35:14 · 4791 阅读 · 0 评论 -
CSS选择器总结
选择符是指一条CSS样式规则的最左边部分,总的可分为五大类十八种。1、并联选择器:即群组选择器,即以“,”合并多个分组结果。2、简单选择器:标签、ID、类、属性、通配符。3、关系选择器:即派生选择器,亲子、后代、相邻、兄长。4、伪类选择器:动作伪类、目标伪类、语言伪类、状态伪类、结构伪类、取反伪类。5、伪元素选择器:仅有几种。 并联选择器并联选择器即群组选择器,以“...原创 2018-08-15 10:50:33 · 408 阅读 · 0 评论 -
BFC(块级格式化上下文)
之前一直听说这个概念,使用的时候也一知半解,没有细细研究,今天又遇到了,来做下小结。1、什么是BFC是Box Formatting Context(块级格式化上下文)的缩写,这里我们需要拆分为Box、Formatting Context;其中, Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其...转载 2018-08-15 15:27:14 · 104 阅读 · 0 评论 -
CSS3动画规则
之前对css动画的理解有点死记硬背的意思,很容易忘记,今天重新梳理一下脉络,更方便记忆。首先,了解transform,他可以给元素添加一些特殊的位移,形变,放缩等功能,也就是这一步,为css3动画实现打下了基础。/* 2D、3D的转换 */div{ transform: translate(10px); transform: rotate(30deg); ...原创 2019-08-05 20:24:59 · 678 阅读 · 0 评论