腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

CSS

CSS知识大赏

专栏作者

16

文章

10388

阅读量

13

订阅数

CSS奇思妙想之-利用CSS裁剪（clip-path）完成各种图形

在日常开发当中，如果想要开发多边形，一般都需要多个盒子或者伪元素的帮助，有没有一直办法能只使用一个盒子实现呢？

2023-04-23

1.1K0

CSS中的各种格式化上下文-FC（BFC、IFC、GFC、FFC）

FC是Formatting Context的缩写，中文名：格式化上下文。是 W3C在CSS2.1 规范中的一个概念。

2023-04-04

1.6K0

CSS架构之BEM设计模式

其实在日常开发CSS当中，会遇到许多的问题，使用设计模式能够很好的解决。例如在日常开发项目，需要组件化时，组件内部的class样式类管理就非常的杂乱。大部分公司的命名规则还是只有大小驼峰、使用英文等这些基础的命名规则。经常会自己都忘了自己命名的css是啥，使用设计模式就能很好的解决该问题。

2023-04-04

4000

css水平垂直居中各种方法实现方式

margin 可以有4个值，分别对应影响的方向是上，右，下，左， 2个值的时候，对应第一个值是控制上下距离，第二个值是控制左右，所以magrgin：0 auto，就是上下距离为0，auto是自适应，这里指的是左右两个方向的距离一样，也就是说，不论你的宽度怎么变化，都是两个方向距离一样，形成居中。

2023-04-04

4630

css控制文本超出省略（单行、两行、多行）

想要控制文本长度？想要文本超出隐藏？还想要不用JavaScript实现？让我们来用css试试吧~本文重点css控制文本超出省略。完成单行、两行、多行的效果注意点本文提到的方法都需要控制元素width的大小单行省略：overflow: hidden;text-overflow: ellipsis;white-space: nowrap;两行省略： word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit

2023-04-04

1.2K0

css盒子可控大小-resize

图片 <style> .father { padding: 20px; width: 200px; height: 50px; max-width: 800px; max-height: 800px; border: 1px solid #000; overflow: auto; resize: both;

2023-02-17

6420

CSS写一个圣诞树Chrome浏览器小插件

一时兴起，突然想写一个Chrome浏览器插件，不知道写啥，就写了一个圣诞树小插件。项目源码>>

2023-02-17

2290

CSS盒子模型(Box Model)。在所有的HTML元素都可以看成一个盒子；在CSS中，Box Model这一术语被用来设计和布局中使用。

2023-02-16

6260

CSS渐变-快来感受CSS的伟大吧（差点闪瞎我的狗眼）

在此，我们重点用到的就是conic-gradient。conic-gradient不是什么新鲜东西了，CSS3出的新特性中的一种圆锥形渐变。

2023-02-16

2020

前端面试题归类-css的flex相关

默认情况下,项目都排在一条线(又称”轴线”) 上。flex-wrap属性定义 , flex布局中默认是不换行的。

2023-02-16

7030

前端面试题归类-css

网页看着不方便，想要文档可以私聊我。要是有错别字和错误的地方，请各位大佬直接指出，谢谢啦！！

2023-02-16

1.6K0

纯css爱心代码-最近超级火的打火机与公主裙中的爱心代码（简易版）

最近打火机与公主裙中的爱心代码超级火，看着特别心动，让俺用css来写个简易版！！！

2022-12-21

2800

CSS的Backdrop Filter妙用

CSS 滤镜属性允许我们使用css对元素后面的内容应用过滤效果，就和ps里面的功能一样(名字都是一样的！)快来看看吧！！！

2022-12-21

4500

CSS写一个圣诞树Chrome浏览器小插件

一时兴起，突然想写一个Chrome浏览器插件，不知道写啥，就写了一个圣诞树小插件。项目源码>>

2022-09-27

2470

过年有燃放烟花爆竹禁令那我们用css写一个烟花看看吧

先是去找了一张简易画的烟花照片，发现主要结构为歪曲的线条结构。方案一：弯曲的线条第一反应到的就是“圆角边框”： 📷 width: 200px; height: 200px; border: rosybrown 100px solid; border-radius: 100px;复制代码控制这个圆角大小，就可以获得不同的曲线。但是，如何隐藏多余线成了难题。方案二：使用径向渐变完成曲线。 📷 background-image: radial-gradient(rgba(25

2022-09-27

1650

CSS中calc(100%-100px)为什么不加空格会不生效？

让我们来代替解析器，解析一下calc(100%-100px)。先过DIMENSION语法，{num}{ident}将其分割为num：100、ident：%-100px。

2022-09-27

5120

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态