html
关注
分享
扫一扫
RexingLeung
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
页面显示空格数和dom结构显示空格数不一致问题
一个空格引起前后端编码格式问题今天在做业务的时候，测试那边发来一个bug，说我空格出现不完整，我看了一下这边页面，发现有空格啊，我回去跟测试说：有空格啊；然后测试给我发来一张图wtf！！！这是什么鬼然后我打开了一下调试窗口发现dom结构是正常的因为html会自动处理多个空格压缩成一个空格问题，因为后(s)台(b)没有使用 或者是 %20 进行转译，直接使用了空格解决方案没办法了后台大佬又不肯改，只能前端来修改了下面是修改后的效果这里使用了 标签进行修改，下面是pre标签原创 2020-05-19 18:35:52 · 593 阅读 · 0 评论 -
css裁剪属性----clip-path
什么是clip-pathclip-path是一个css3新属性 , 一般用在svg元素上 , 但是也可以作为普通元素裁剪使用解释 : clip-path 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏普通标签上的使用<!DOCTYPE html><html lang="en"><head> <...原创 2020-03-21 16:09:35 · 1359 阅读 · 0 评论 -
关于css的数学计算----基础
现实中的问题在css中 , 有时候对一个图片进行旋转的时候 , 如果图片是一个不规则的多边形 , 一旦旋转 , 就会将底层的div显示出来 , 不能保证图片所在的div填满 , 这时候就要对图片的旋转时放大缩小进行计算以正方形为例的解决方法如下面代码所示html部分<!DOCTYPE html><html lang="en"><head&...原创 2020-03-21 14:02:55 · 447 阅读 · 0 评论 -
CSS骚操作 --- 制作不同背景的字体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-21 12:35:16 · 253 阅读 · 0 评论 -
CSS高级开发-----BFC(块格式化上下文)
BFC布局规则每个元素的marginbox的左边 , 与包含块border box的左边相接触 ( 对于从左往右的格式化 , 否则相反 ) , 即使存在浮动也是如此 BFC的区别不会与float box重叠创建BFC的Box方式根元素(<html>) 浮动元素（元素的 float 不是 none） 绝对定位元素（元素的 position 为 absolute 或 fix...原创 2020-03-21 12:11:49 · 206 阅读 · 0 评论 -
IE6常见bug合集
ie6怪异解析之padding和border算入宽高 原因 : 未加入文档声明造成非盒模型解析 解决方法 : 加入文档声明 <!doctype html> IE6在块元素 , 左右浮动 , 设定margin时造成margin双倍(双边距) 解决方法 display: inline 以下三种其实是同一种bug , 其实也不算bug ,...原创 2020-03-20 22:57:04 · 238 阅读 · 0 评论 -
html 关于陀螺仪知识
html5陀螺仪陀螺仪又叫角动量传感器 , 是不同于加速度计(G-sensor)的 , 他的测量物理量是偏转的 , 倾斜时的转动角速度 。 在手机上 , 仅用加速度傳感器是沒辦法測量或重構出完整的3D動作，測不到轉動的動作的，G-sensor只能檢測軸向的綫性動作，這樣就可以精確分析判斷出使用者的實際動作。而后根據動作，可以對手機做相應的操作 陀螺仪角度 1.png ...原创 2020-03-20 21:15:12 · 1042 阅读 · 0 评论 -
你不知道的HTML
利用image测试网速 , 上报数据对于img标签 , 它的资源是可以跨域的 , 通过src特有的属性 , 但是img标签有一个属性 , crossorigin="anonymous" , 这个属性是告诉后端 , 我需要去跨域 , 如果后端不让我们跨域 , 这张图片就协商不成了例如下面img标签的 src 为 test.png<img crossorigin="anon...原创 2020-03-18 21:09:40 · 365 阅读 · 0 评论