随笔分类 - HTML+ CSS
css让图片或者元素置灰
摘要：filter: grayscale(100%) 加上这个属性，原本五颜六色的图片就置灰了
阅读全文
堆叠上下文
摘要：什么是堆叠上下文？ 堆叠上下文是 HTML 元素的三维概念，这些 HTML 元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的 z 轴上延伸，HTML 元素依据其自身属性按照优先级顺序占用层叠上下文的空间。 以下12种情况可以产生堆叠上下文。 根元素 (HTML), z-index 值不为
阅读全文
H5新增API--拖拽事件
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul, li { list-style: none; margin: 0; padding: 0; } ul
阅读全文
Gird(2)
摘要：[toc] grid 布局（2） grid区域属性 网格线名称 和 属性里面，还可以使用方括号指定每一根网格线的名字，方便以后引用 例: 上面的代码指定网格布局为 3 3 ，因此会有4根垂直网格线和4根水平网格线 网格布局允许一个网格线上有多个名字，比如 ; grid template areas
阅读全文
Gird(1)
摘要：[toc] 网格布局 grid(1) 实现方式 也可成为 行内元素 tip:设为网格布局以后，容器内的子元素的 float 、 display:inline block/table cell , vertical align 和 column 等 各项设置属性都将失效 对容器设置的属性 行高与列宽的
阅读全文
H5新增特性
摘要：1、pattern：写正则，但是需要和form表单连着用 2、WebSocket “网络套接字”, 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
阅读全文
Sass
摘要：安装 npm install g sass 1、Sass 变量使用 $ 符号： $variablename: value; 2、Sass 嵌套规则与属性 嵌套规则 如下我们嵌套一个导航栏的样式： Sass 代码： 将以上代码转换为 CSS 代码，如下所示： Css 代码： 嵌套属性 很多 CSS 属
阅读全文
