![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 58
那是遇知吧
Life is but a walking shadow
展开
-
Css的用法总结part4 line-clamp
line-clamp参考:line-clamp限制在一个块元素显示的文本的行数。-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列转载 2021-02-04 16:33:24 · 1210 阅读 · 0 评论 -
css伪类有哪些?
伪类的语法:selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用。selector.class : pseudo-class {property: value}伪类连同伪元素一起,他们允许你不仅仅是根据文档 DOM 树中的内容对元素应用样式,而且还允许你根据诸如像导航历史这样的外部因素来应用样式(例如 :visited)。同样的,可以根据内容的状态(例如在一些表单元素上的 :checked),或者鼠标的位置(例如 :hover转载 2020-12-14 18:26:18 · 613 阅读 · 0 评论 -
Css的用法总结part3:css3弹性盒子模型
1:align-content属性定义:修改 flex-wrap 属性的行为,类似 align-items, 但不是设置子元素对齐,而是设置行对齐2:align-items属性定义:设置弹性盒子元素在侧轴(纵轴)方向上的对齐方式。3:align-self属性定义:在弹性子元素上使用。覆盖容器的 align-items 属性。4:justify-content属性定义:设置弹性盒子元素在主轴(横轴)方向上的对齐方式。5:flex-wrap...原创 2020-11-24 17:59:52 · 152 阅读 · 0 评论 -
Css的用法总结part2:column-count 属性、flex、columns、filter、font
1:column-count属性Column-count属性指定某个元素应分为的列数。Column-gap并指定一个30像素的列之间的差距Column-rule指定列之间的规则:宽度,样式和颜色。简写:columns:100px 3;<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <.原创 2020-11-24 17:35:37 · 397 阅读 · 0 评论 -
Css的用法总结part1:sticky定位、align-content、backface-visibility、background
1:sticky定位用法:基于用户的滚动位置来定位<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>div.sticky { position: -webkit-sticky; position: sticky; top: 0; padding: 5px;.原创 2020-11-24 16:29:15 · 180 阅读 · 0 评论 -
css3 之画心
轉自《枯城旧梦》畫心<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...转载 2019-07-08 14:58:08 · 233 阅读 · 0 评论