![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Css
文章平均质量分 65
css相关知识分享
前端~初学者
一个热爱羽球的前端初学者
展开
-
css实现渐变边框动画
【代码】css实现渐变边框动画。原创 2023-07-29 21:24:49 · 910 阅读 · 0 评论 -
利用css实现渐变色(通俗易懂)
类型语法线性渐变linear-gradient(方向, 颜色1, 颜色2, … ,颜色n)径向渐变radial-gradient(颜色1 覆盖区域大小, 颜色2 覆盖区域大小, …原创 2023-07-07 16:05:03 · 34662 阅读 · 3 评论 -
css设置当字数超过限制后以省略号(...)显示
① -webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果,它需要组合其他的WebKit属性。必须结合的属性 ,将对象作为弹性伸缩盒子模型显示。用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。③ -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式。原创 2023-06-29 18:15:25 · 14820 阅读 · 0 评论 -
css常见布局方式
CSS 的布局应该是 CSS 体系中的重中之重,主要的布局方式有 table 表格布局(早期),float 浮动布局、position布局和 flex 布局。布局方式优点缺点浮动布局兼容性好,支持大多数浏览器;可以实现多列布局。容易出现清除浮动问题,需要额外的样式规则来处理;不太适合复杂的布局需求,例如垂直居中和等高布局。定位布局灵活性较高,可以精确控制元素的位置;可以实现重叠布局效果。对于复杂布局,需要手动计算和调整元素的位置和尺寸。原创 2023-06-13 15:12:44 · 3602 阅读 · 0 评论 -
CSS常用水平垂直居中的几种方法
【代码】CSS常用水平垂直居中的几种方法。原创 2023-06-13 13:54:56 · 1560 阅读 · 0 评论 -
如何画一条0.5px的线
【代码】如何画一条0.5px的线。原创 2023-06-13 10:57:02 · 346 阅读 · 1 评论 -
详解CSS中的flex布局
弹性盒子(display: flex)是把设置此属性的这块区域(设置此属性的元素)变为弹性盒子,使得此元素的直接子元素按照从左到右的顺序一行排列如果盒子变小(比子元素的宽度或高度小),里面的直接子元素会随着盒子的变化而变化,同时一直保持从左往右一行排列的布局。当主轴为水平方向的时候,若设置了 flex-basis,项目的宽度设置值会失效,flex-basis 需要跟 flex-grow 和 flex-shrink 配合使用才能发挥效果。默认值:auto,即项目本来的大小(采用元素内容的尺寸)。原创 2023-06-13 10:18:18 · 4295 阅读 · 0 评论 -
元素隐藏之display:none、visibility:hidden、opacity:0、overflow:hidden区别
元素隐藏原创 2023-03-23 21:29:16 · 1000 阅读 · 0 评论