css
IT-CLASS
这个作者很懒,什么都没留下…
展开
-
css-in-js emotion
从写法上看, 侵入性比较小, 直接就是 className:import styled, { css } from 'react-emotion';const Container = styled('div')` background: #333;`const myStyle = css` color: rebeccapurple;`const app = () => (<Container> <p className={myStyle}>Hell原创 2021-05-23 22:09:20 · 182 阅读 · 0 评论 -
CSS隐藏元素 display visibility opacity的区别
{ display: none; /* 不占据空间,无法点击 / }{ visibility: hidden; / 占据空间,无法点击 / }{ position: absolute; top: -999em; / 不占据空间,无法点击 / }{ position: relative; top: -999em; / 占据空间,无法点击 / }{ position: absolute; visibility: hidden; / 不占据空间,无法点击 / }{ height: 0; overflow转载 2020-09-07 20:43:06 · 117 阅读 · 0 评论 -
如何将一个div水平垂直居中?
方案一:div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】,兼容性:,IE7及之前版本不支持div{ width: 400px; height: 400px; background: red; position:absolute; left:0; top: 0; bottom: 0; ri原创 2020-09-07 20:31:19 · 132 阅读 · 0 评论 -
css中的BFC、IFC、GFC和FFC
FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。FC一共包含BFC、IFC、GFC 、FFC四种类型。CSS2.1规范中只有BFC、IFC。CSS3推出GFC、FFC两种新类型。BFCBFC(Block Formatting Contexts)直译为"块级格式化上下文"。Block Formatting Contexts就是页面上的一个隔离的渲染区域,原创 2020-09-07 19:59:24 · 364 阅读 · 0 评论