现在我们经常在 html 源码中看到如下的写法： 这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after。 伪元素 首先我们要明白什么是伪元素，css 设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为： s ...
分类：
Web程序 时间：
2020-04-12 00:04:20
阅读次数：
67
postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值： position: absolute position: relative position: fixed position: static position: inherit 本文主要详细讨论 posit ...
分类：
Web程序 时间：
2020-04-11 23:55:06
阅读次数：
119
应用场景描述 例如PHP 从数据库读取一个商品，那么当商品标题很长的时候，很可能会影响页面布局。处理方法如下： PHP 字符串截取 JS 字符串截取 CSS 属性处理（推荐） CSS 属性处理方法 html代码片段 <li > <span class="cut">商品标题商品标题商品标题商品标题商品 ...
分类：
Web程序 时间：
2020-04-04 09:26:46
阅读次数：
91
CSS 属性：touch-action，解决移动端点击事件延迟 https://developer.mozilla.org/zh-CN/docs/Web/CSS/touch-action CSS属性 touch-action 用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比如浏览器自 ...
分类：
其他好文 时间：
2020-03-31 14:22:30
阅读次数：
85
在模仿淘宝放大镜效果时, 发现mask层一直抖动, 红色方框添加了onmousemove事件, 内部用到了offsetX 最后解决方案是给mask添加css属性: pointer-event: none; <div class="outer"> <div.mask></div> </div> 原本我 ...
分类：
Web程序 时间：
2020-03-31 09:14:48
阅读次数：
239
jQuery css() 方法 jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性。 返回 CSS 属性 如需返回指定的 CSS 属性的值，请使用如下语法： css("propertyname"); 下面的例子将返回首个匹配元素的 background-color ...
分类：
Web程序 时间：
2020-03-29 11:03:34
阅读次数：
221
原理 CSS property: columns。CSS属性 columns 用来设置元素的列宽和列数。 兼容性 chrome 50+ IE 10+ android browser 2.1+ with webkit "MDN 文档" 效果 代码 心得 在过去本人还用 100+ 行代码写过 JS 版的 ...
分类：
Web程序 时间：
2020-03-14 14:53:54
阅读次数：
83
1 css语法 2 css导入样式 3 css选择器 3 1 基本选择器 3 2 组合选择器 3 3 分组和嵌套 3 4 属性选择器 3 5 伪类选择器 3 6 伪元素选择器 4 CSS选择器的优先级 5 css属性 5 1 文字相关的属性 5 2 宽度和高度 5 3 背景background 5 ...
分类：
Web程序 时间：
2020-03-14 01:21:57
阅读次数：
69
CSS3 CSS3是css（层叠样式表）技术的升级版本，CSS3完全向后兼容，不必改变现有的设计，浏览器将永远支持CSS2。w3c的CSS3规范仍在开发。但是许多新的CSS属性已经在现代浏览器中使用了。 浏览器前缀： 圆角：border-redius 文字阴影： text-shadow 盒子阴影：b ...
分类：
Web程序 时间：
2020-03-13 18:48:46
阅读次数：
78
SVG元素可以通过缩放，移动，倾斜和旋转来变换-类似HTML元素使用CSS transform来变换。然而，当涉及到坐标系时这些变换所产生的影响必然有一定差别。在这篇文章中我们讨论SVG的transform属性和CSS属性，包括如何使用，以及你必须知道的关于SVG坐标系变换的知识。 这是我写的SVG ...
分类：
其他好文 时间：
2020-03-12 21:47:23
阅读次数：
58
