css精修
宸子涵
这个作者很懒,什么都没留下…
展开
-
Dom元素生成图片
html2canvas 生成海报原创 2022-12-19 16:15:49 · 1286 阅读 · 1 评论 -
Transform 转换
css transform 转换原创 2022-11-21 01:22:39 · 358 阅读 · 0 评论 -
浏览器私有前缀
css对应浏览器的私有前缀原创 2022-11-21 01:21:41 · 669 阅读 · 0 评论 -
圆角 border-radius
css圆角原创 2022-11-21 01:21:00 · 662 阅读 · 0 评论 -
css边框设置阴影样式
css边框设置阴影样式box-shadow上下左右四个边框设置阴影样式语法值/说明四个不同样式实现效果语法box-shadow: h-shadow v-shadow blur spread color inset;注意:boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。值 / 说明h-shadow 必需的。水平阴影的位置。允许负值v-s原创 2022-05-12 13:54:29 · 16088 阅读 · 0 评论 -
box-sizing:border-box用法解析及经常使用的场景
响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框,那么很容易就可以实现,但如果你给每一列以及总宽度都采用百分比设置,那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题,你会学到如何创建一个流式布局,而不用担心额外的边框以及内边距。假设我们需要一个五列的布局。我们要考虑的第一件事就是外边距(margins).假设所有的列都需要4%的外边距,我们需要为所有的外边距保留20%(4%*5(5列)=20%)的占宽比;然后我们从总宽比(100%)里面减去20%,得到的就是原创 2022-02-25 17:20:37 · 1694 阅读 · 0 评论 -
less基础
less基础详解:超级详细less网址转载 2022-02-25 17:06:49 · 62 阅读 · 0 评论 -
overflow:hidden的两个作用
overflow:hidden的两个作用原创 2022-02-25 17:03:04 · 488 阅读 · 0 评论 -
after和before的作用及使用方法
:after和:before的作用及使用方法1、 :before 和 :after 的主要作用是在元素内容前后加上指定内容,示例:HTML代码:<p>你好</p>CSS代码:p:before{ content: 'Hello'; color: red;}p:after{ content: 'Tom'; color: red;}效果图如下:以上代码是:before和:after的基本用法,但是这两种伪类还有很多更方便的用法。2、:转载 2021-10-30 16:06:35 · 4300 阅读 · 0 评论 -
绝对定位与相对定位
绝对定位与相对定位绝对定位绝对定位:通过 left、right 属性来定义水平偏移量,top、bottom 属性来定义垂直偏移量只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的),绝对定位(Absolute positioning)元素定位的参照物是其包含块,既相对于其包含块进行定位,不一定是其父元素总结:当子元素设置position absolute的时,父元素必须设置position属性。原因:原创 2021-10-30 15:29:35 · 1116 阅读 · 0 评论 -
fiex 弹性布局
引用文章:https://blog.csdn.net/u010358168/article/details/107151859点击进入:转载 2021-09-06 16:14:36 · 101 阅读 · 0 评论