![](https://img-blog.csdnimg.cn/20210213215604275.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Css
css技巧、心得
一杯美式:)
这个作者很懒,什么都没留下…
展开
-
CSS @supports解析
@supports()会检测括号中的声明,在浏览器支持该声明的情况下执行花括号中的代码。基本属性检测@supports (display: flex) { div { display: flex; }}not关键字@supports not (display: flex) { div { float: left; } }组合条件检测@supports (display: flex) and (-webkit-appearance: caret) {}也可以用括号将多个条件进行原创 2021-02-21 15:56:42 · 137 阅读 · 0 评论 -
浅析background-origin和background-clip
语法:background-origin{padding-box|border-box|content-box}background-clip{border-box|padding-box|content-box|no-clip}background-origin属性background-origin主要是配合background-position使用,用于设定图像的基准位置。默认情况下,图像的基准区域在padding-box区域下图(从左到右)是定义了background-origin为b原创 2021-02-20 10:17:43 · 111 阅读 · 0 评论 -
使用quotes属性为q标签设定引号类型
使用q标签可以在文字的头尾添加引号, 那么使用quotes属性则可以自定义头尾添加的引号类型q:lang(en) { quotes: '"' '"' "'" "'"; }输出:"This is a 'big' quote"原创 2021-02-19 12:59:13 · 180 阅读 · 0 评论 -
伪元素和伪类的区别
伪元素和伪类的根据区别就是:前者是创建出了一个新元素,而后者是一个已存在但你不能直接看到的元素。伪元素伪元素本身不存在在DOM文档中,它需要人为的去创建它。且就算你创建了伪元素,它也只是逻辑上存在,实际上也并不存在DOM文档中,也就是说你无法使用JS去获取改变它。伪类伪类它存在于DOM文档中,但如果你没有特别的去声明它,你就看不到它。总结伪元素是创建了一个新元素,而伪类本身就存在只不过不用特别声明伪元素使用:或者::声明(前者是css2的声明方式,后者是css3),而伪类只能使用: .原创 2021-02-19 12:00:19 · 6847 阅读 · 1 评论