盒子阴影 CSS3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影。 语法: box-shadow: h-shadow v-shadow [blur] [spread] [color] [inset] 值 描述 h-shadow 必需。水平阴影的位置。正数向右偏移,负数向左偏移。 ...
分类:
Web程序 时间:
2021-05-24 14:40:25
阅读次数:
0
在之前,我介绍过几种使用纯 CSS 实现波浪效果的方式,关于它们有两篇相关的文章: 纯 CSS 实现波浪效果! 巧用 CSS 实现酷炫的充电动画 本文将会再介绍另外一种使用 CSS 实现的波浪效果,思路非常有意思。 从定积分实现曲边三角形面积说起 在进入主题之前,先看看这个,在高等数学中,我们可以通 ...
分类:
Web程序 时间:
2021-05-24 14:27:32
阅读次数:
0
前端规范编程规范 参考 Web前端开发代码规范基础 一.HTML/CSS规范 浏览器兼容:Google Chrome、Microsoft Edge、Firefox等. html代码规范 1.声明: 1.html头部声明统一 <!DOCTYPE html> 2.页面编码统一 <meta charset ...
分类:
其他好文 时间:
2021-05-24 14:11:38
阅读次数:
0
querySelector() 返回匹配指定选择器的第一个元素。 querySelectorAll() 返回所有的节点元素 语法document.querySelector(CSS selectors) getElementsByTagName() //返回的是所有的节点,是一个类数组对象 getE ...
分类:
Web程序 时间:
2021-05-24 13:50:49
阅读次数:
0
页面引入layui.css、 layui.js 1 <div id="pTable" style="width: 1200px;"> 2 <table class="layui-table" id="layui_table_id" lay-filter="test"> 3 </table> 4 <d ...
分类:
其他好文 时间:
2021-05-24 13:50:20
阅读次数:
0
PS的基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop ) 来做的,所以以后我们大部分切图工作都是在 PS 里面完成。 文件→打开:可以打开我们要测量的图片 Ctrl + R:可以打开标尺,或者视图→标尺 右击标尺,把里面的单位改为像素 Ctrl + 加号(+)可以放大视图,C ...
分类:
Web程序 时间:
2021-05-24 13:45:45
阅读次数:
0
一个页面出现bug,一直loading导致你无法进行数据和步骤的重现与抓取 把top勾选去掉,页面就不会一直loading 用JS代码 在Console tf.loadingIndicator.tryHide() 巩固一下 $($0).css("front-size") ...
分类:
其他好文 时间:
2021-05-24 13:42:51
阅读次数:
0
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; height: 100%; } body { margin: 0; font-si ...
分类:
Web程序 时间:
2021-05-24 13:06:47
阅读次数:
0
浮动 1. 传统网页布局的三种方式 网页布局的本质——用css来摆放盒子。把盒子摆放到相应位置。 css提供了三种传统布局方式: 普通流(标准流) 浮动 定位 实际开发中,一个页面基本都包含了这三种布局方式(后面移动端学习新的布局方式)。 2. 标准流(普通流/文档流) 标签按照规定好默认方式排序即 ...
分类:
Web程序 时间:
2021-05-24 12:47:42
阅读次数:
0
1.px是相对长度单位,它是相对于显示器屏幕分辨率而言的 优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况 2.em是相对长度单位,1em等于当前元素的字体大小,除非你在设置font-size 3.rem是CSS3新增的一个相对单位,rem是相对单位,是相对HTML根元素 ...
分类:
Web程序 时间:
2021-05-24 12:31:53
阅读次数:
0