思路是: 我们不能直接对元素本身进行模糊处理,就对一个伪元素进行处理,然后将其定位到元素的下层,它的背景将会无缝匹配body的背景。margin-20px是用来扩大边距,因为模糊会在边缘减弱。 演示地址:http://www.sdfymj.com/invest/ 代码如下: body,main::b ...
分类:
Web程序 时间:
2020-07-27 14:00:32
阅读次数:
98
实现效果: 代码: <ul class="sub"> <li> <a href="">新闻摘要新闻摘要新闻摘要新闻摘要新闻摘要</a> <a href="">新闻摘要</a> <a href="">新闻摘要</a> <a href="">新闻摘要</a> <a href="">新闻摘要</a> <a ...
分类:
Web程序 时间:
2020-07-27 13:55:28
阅读次数:
122
第一步:开启表格的高亮显示配置属性。highlight-current-row 第二步:全局引入css /* 用来设置当前页面element全局table 选中某行时的背景色*/ .container .el-table__body tr.current-row>td{ background-col ...
分类:
其他好文 时间:
2020-07-27 13:46:55
阅读次数:
167
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的? (1)有两种盒子模型:IE盒模型(border-box)、W3C标准盒模型(content-box) (2)盒模型:分为内容(content)、填充(padding)、边界(margin)、边框(border)四个部分 IE ...
分类:
Web程序 时间:
2020-07-27 13:40:50
阅读次数:
147
饼状图 less代码 成图效果,先上代码: /* @r,@ul-color,@part,@color-list 可以自己换着玩,试试看 @part是累计百分比的数组,因为less不支持变量的递归定义,所以只能妥协用这种方法 函数的变量的定义涉及到角度计算和边框计算 */ // 圆的半径 @r:200 ...
分类:
Web程序 时间:
2020-07-27 09:22:20
阅读次数:
126
控制台打印骚操作 预备知识:console | MDN 可以直接搜 为js控制台定义样式 自定义样式 console.log 中可以通过 %c 表示 css 样式 效果1 代码1 // 打印页面相关信息(代码更新时间) let date = new Date() let a = 'backgroun ...
分类:
Web程序 时间:
2020-07-27 09:20:38
阅读次数:
135
1.浏览器内核及前缀 在CSS中新的属性标准尚未明确的情况下,各浏览器厂商对新属性的支持情况也不相同,这个阶段会对属性加厂商前缀进行区分。 根据不同的浏览器内核,CSS前缀有所不同,最基本的浏览器内核有四种,其他内核都是基于此四种进行再研发的。 ① Gecko内核,前缀为“-moz-”,火狐浏览器 ...
分类:
Web程序 时间:
2020-07-26 19:47:19
阅读次数:
103
一、理解BFC 1.BFC(Box Formatting Context) Box是css布局的对象和基本单位,直观讲就是一个页面多个Box组成。 元素的类型和display属性决定了这个Box的类型;不同类型的Box,参与不同的Formatting Context(一个决定如何渲染文档的容器),因 ...
分类:
其他好文 时间:
2020-07-26 19:36:32
阅读次数:
70
普通的弹框: https://www.w3schools.com/howto/howto_css_modals.asp bootstra弹框: https://www.runoob.com/bootstrap/bootstrap-modal-plugin.html ...
分类:
其他好文 时间:
2020-07-26 15:36:18
阅读次数:
75
test-align 设置元素内文本的对齐方式,该属性对块级元素设置有效 语法(justify 两端对齐) text-align: left right center justify ...
分类:
其他好文 时间:
2020-07-26 01:56:41
阅读次数:
62