![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 70
月下脆竹書閣
这个作者很懒,什么都没留下…
展开
-
css 命名规则
一个有规则的命名 会提高代码的可读性。原创 2023-09-07 13:12:43 · 746 阅读 · 0 评论 -
CSS之卡片抖动
由于我点保存时,右侧卡片必填信息提示不明细,想要增加动画抖动效果原创 2022-12-22 16:30:58 · 294 阅读 · 1 评论 -
CSS之display:grid的用法和动态:before content内容
CSS之display:grid的用法和动态:before content内容原创 2022-12-14 08:58:11 · 1961 阅读 · 0 评论 -
css之@media网页适配
@media网页适配原创 2022-12-13 19:42:38 · 1612 阅读 · 0 评论 -
SPC后续之鼠标位置出现隐藏数据弹框
类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。IE事件中没有这2个属性。鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性。鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。用的是相对定位+绝对定位,所以 当多个折线图时,每个位置 都是一样的,无法满足我的需求。,点前两个还是可以的,当第三个折线图时,就会有错位的情况,原创 2022-10-24 10:02:51 · 160 阅读 · 0 评论 -
vue-cli3 css引入背景图片不显示问题
VUE-CLI3 css 背景图片不显示问题原创 2022-10-20 10:34:15 · 3002 阅读 · 0 评论 -
vue组件利用css var(--变量)实现动态修改伪类属性(::before、::after)
动态修改伪类属性原创 2022-09-19 11:32:57 · 2289 阅读 · 0 评论 -
CSS实现垂直居中的7种方法
CSS实现垂直居中的7种方法1、设定行高(line-height)2、设置伪元素::before3、absolute + transform4. 设置绝对定位5、设置display:flex6、absolute + calc7. display:table-cell实现CSS垂直居中。1、设定行高(line-height)HTML:<div class="parent"> <span class="child">你好</span></div>原创 2022-03-04 13:26:11 · 17734 阅读 · 0 评论 -
常用的CSS
文章目录1-1:弹性布局 --横向居中1-2:文字居中vertical-alignline-height1-3 文字超出父级标签文字一行-超出为省略号文字多行-超出为省略号1-4 图片随div的大小变化,自动填充并居中显示1-5 普通流布局code1-51-41-3-21-3-11-2-21-2-11-11-1:弹性布局 --横向居中讲display:flex的好文使文字等比例放大缩小全局设定:font-size:25px;有文字的元素中设定font-size:0.25rem注:10px=1em块原创 2022-06-23 16:47:29 · 422 阅读 · 1 评论