alt属性

瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数 column-gap设置列与列之间的间距 column-width设置每列的宽度 还要结合在子容器中设置break-inside防止多列布局，分页媒体和多区域上下文中的意外中断 break-inside属性值 auto 指定既不强制也不禁止元素内的页/列中断。 avoid 指定避免元素内的分页符。 avoid-page 指定避免元素内的分页符。 avoid-column 指定避免元素内的列中断。 avoid-region 指定避免元素内的区域中断。 截取了部分，可自己填充 /* html文件 */ <!-- 使用multi-columns实现瀑布流 --> <div id="root"> <div class="item"> <img class="itemImg" src="../images/1.jpeg" alt=""/> <div class="userInfo"> <img class="avatar" src="../images/gift.png" alt=""/> <span

实用快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*...*/ ） Ctrl+D 复制行 Ctrl+X 删除行 快速修复 alt+enter (modify/cast) 代码提示 alt+/ ctr+G 定位某一行 Shift+F6 重构-重命名 Ctrl+R 替换文本 Ctrl+F 查找文本 Ctrl+E 最近打开的文件 Ctrl+J 自动代码 组织导入 ctr+alt+O 格式化代码 ctr+alt+L 大小写转化 ctr+shift+U -------------------------- IntelliJ Idea 常用快捷键列表 Alt+回车 导入包,自动修正 Ctrl+N 查找类 Ctrl+Shift+N 查找文件 Ctrl+Alt+L 格式化代码 Ctrl+Alt+O 优化导入的类和包 Alt+Insert 生成代码(如get,set方法,构造函数等) Ctrl+E或者Alt+Shift+C 最近更改的代码 Ctrl+R 替换文本 Ctrl+F 查找文本 Ctrl+Shift+Space 自动补全代码 Ctrl+空格 代码提示 Ctrl+Alt+Space 类名或接口名提示 Ctrl+P 方法参数提示 Ctrl+Shift+Alt+N 查找类中的方法或变量 Alt+Shift+C 对比最近修改的代码 Shift+F6 重构-重命名 Ctrl

常用快捷键 快捷键 功能 Ctrl + Q 快速查看文档 Ctrl + F1 显示错误描述或警告信息 Ctrl + / 行注释（可选中多行） Ctrl + Alt + L 代码格式化 Ctrl + Alt + O 自动导入 Ctrl + Alt + I 自动缩进 Tab / Shift + Tab 缩进、不缩进当前行（可选中多行） Ctrl+C/Ctrl+Insert 复制当前行或选定的代码块到剪贴板 Ctrl + D 复制选定的区域 Ctrl + Y 删除当前行 Shift + Enter 下一行另起一行 Ctrl +Ｊ 插入模版 Ctrl + Shift +/- 展开/折叠全部代码块 Ctrl + Numpad+ 全部展开 Ctrl + Numpad- 全部折叠 Ctrl + Delete 删除到字符结束 Ctrl + Backspace 删除到字符开始 Ctrl + Shift + F7 将当前单词在整个文件中高亮，F3移动到下一个，ESC取消高亮。 Alt + up/down 方法上移或下移动 Alt + Shift + up/down 当前行上移或下移动 Ctrl + B/鼠标左键 转到方法定义处 Ctrl + W 选中增加的代码块 Shift + F6 方法或变量重命名 Ctrl + E 最近访问的文件 Esc 从其他窗口回到编辑窗口 Shift + Esc

https://www.cnblogs.com/wind128/p/4409422.html 一、 前言 使用Sublime Text 也有几个年头了，版本也从2升级到3了，但犹如寒天饮冰水，冷暖尽自知。最初也是不知道从何下手，满世界地查找资料，但能查阅到的资料，苦于它们的零碎、片面，不够系统和全面，所以一路走来，耗费了本人大量的时间和精力。所以蒙生了写这篇《Sublime Text 3 全程详细指南》，一来对自己的经验是一个总结，二来可以给初学者做个系统、全面的指引，让他们少走我当时走过的弯路，从而能快速地掌握Sublime Text这个优秀的编辑器。 目前我正在使用的版本是Sublime Text 3 Build 3083的beta版本，已经相当稳定。所以本文所有讲解均以此版本为准，并以windows 7 x64平台为示例。至于其它的版本也不会有太大的差异。 二、 Sublime Text 特点 1、Sublime Text 是一款跨平台代码编辑器，在 Linux、 OS X和 Windows下均可使用。 2、Sublime Text 是可扩展的，并包含大量实用插件，我们可以通过安装自己领域的插件来成倍提高工作效率。 3、Sublime Text 分别是命令行环境和图形界面环境下的最佳选择，同时使用两者会大大提高工作效率。 4、Sublime Text 为收费软件

常用快捷键 快捷键 功能 Ctrl + Q 快速查看文档 Ctrl + F1 显示错误描述或警告信息 Ctrl + / 行注释（可选中多行） Ctrl + Alt + L 代码格式化 Ctrl + Alt + O 自动导入 Ctrl + Alt + I 自动缩进 Tab / Shift + Tab 缩进、不缩进当前行（可选中多行） Ctrl+C/Ctrl+Insert 复制当前行或选定的代码块到剪贴板 Ctrl + D 复制选定的区域 Ctrl + Y 删除当前行 Shift + Enter 下一行另起一行 Ctrl +Ｊ 插入模版 Ctrl + Shift +/- 展开/折叠全部代码块 Ctrl + Numpad+ 全部展开 Ctrl + Numpad- 全部折叠 Ctrl + Delete 删除到字符结束 Ctrl + Backspace 删除到字符开始 Ctrl + Shift + F7 将当前单词在整个文件中高亮，F3移动到下一个，ESC取消高亮。 Alt + up/down 方法上移或下移动 Alt + Shift + up/down 当前行上移或下移动 Ctrl + B/鼠标左键 转到方法定义处 Ctrl + W 选中增加的代码块 Shift + F6 方法或变量重命名 Ctrl + E 最近访问的文件 Esc 从其他窗口回到编辑窗口 Shift + Esc

HTML accesskey属性与web自定义键盘快捷访问 本文地址： http://www.zhangxinxu.com/wordpress/?p=6142 可能很多小伙伴都不知道，我们只要在HTML代码上设置几个属性，就可以让浏览器支持我们自定义的快捷访问方式，而这个神奇的属性就是本文要介绍的， accesskey 属性。 一、HTML accesskey属性基本知识 在HTML4.0.1的时候，HTML accesskey 属性请可以作用在以下元素上： <a> , <area> , <button> , <input> , <label> , <legend> 以及 <textarea> 元素。然后到了HTML5规范的时候， accesskey 属性可以作用在任意的元素上，变成了“全局属性”。 例如作用在 <div> 元素上： <div accesskey="1">自定义快捷访问</div> 这里的属性值 '1' 对应的就是键盘上的数字 1 ，如果是 accesskey="a" 则 'a' 对应的就是键盘上的字母 a 。 需要注意的是，虽然说 accesskey 属性值和键盘相对应，但并不是说直接按下这个键，就能快捷访问。浏览器是通过快捷键组合访问的形式进行页面元素的快速访问的。具体的组合方式参见下表（参考自 MDN文档 ，有调整）： Windows Linux Mac

当我们使用多个img标签时就会遇到img自带间距的问题如下 解决这个问题很多种方法，下面来简单说一下 1.如果只想解决解决竖向的间距 只需用vertical-align这个属性就可以了 img{ vertical-align: top; } 或者给img标签的父元素加上line-height属性 div{ line-height: 0; } 如果图片很宽一个就占一行的画，比如移动端的长图，给图片加display:block;就可以了； 2.如果只想解决左右的间距问当然可以把四周的间距都取消，然后加margin或者padding，但在网上发行有朋友在img标签左右加上注释包裹，亲测有效果 <img src="./temimage.jpg" alt=""><!-- --><img src="./temimage.jpg" alt=""><!-- --><img src="./temimage.jpg" alt=""><!-- --><img src="./temimage.jpg" alt=""><!-- --><img src="./temimage.jpg" alt=""><!-- --><img src="./temimage.jpg" alt=""><!-- --><img src="./temimage.jpg" alt=""><!-- --><img src=".

网上查了很多图片懒加载的内容, 但基本上都是jQuery实现的, 没有说清楚其原理, 所以研究了一下 多的不说, 上代码, 看不明白的建议看下我的上一篇文章< 1. 图解浏览器和用户设备的宽高等属性 > HTML部分(图片地址自己随意) <div> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src="1.jpg" src="0.gif" alt=""> <img data-src

CTRL+N : 打开 select a wizard CTRL+SHIFT+L:显示快捷键 ALT+SHIFT+L: 打开Extract Local Variable ALT+SHIFT+S: 打开source 构造方法等 SHITF+ENTER: 下一行 alt+ctrl+up:快速复制一行代码到上一行 alt+ctrl+down ：快速复制代码到下一行 ctrl+d : 是删除当前行。 shift+home/end: 当光标在一行的两端时，按住shift+home/end可以选择当前行 ctrl+左右: 是跳过一个单词， ctrl+shift+左右: 是选择一个单词，可以连点左右已选择多个。 ctrl+shift+t: 打开open type ctrl +f 搜索 ctrl+shif+\:解注解 ctrl+shift+/：加注解 ctrl+shift+m:导入当前错误 ctrl +shift+o:导入所有错误 选中文件 +F2：重命名 main +alt+/ 生成main方法 /+**+enter 注释1 ctrl+t 源码查看子接口。 ctrl+o:查看成员方法。 source 下的format ： ctrl +shift +f 代码按格式对齐 alt+enter: 查看属性 ctrl+i：先ctrl+a ,是代码对齐格式 alt+shift+z: trycatch

由于经常使用这个编程软件，之前使用一些功能老是过段时间就忘记，只记住一些基本的操作。俗话说：工欲善其事，必先利其器。所以打算整理一下，以便忘记的时候可以温习一下，不至于浪费编码时间。 Visual Studio Code 是一个运行在桌面上，多平台的轻量级且功能强大的源代码编辑器。内置有JavaScript的，TypeScript和Node.js的支持，其他语言如C ++，C＃，Python和PHP等的可扩展，是一个非常丰富的生态系统。主打 web 开发，也是本人在学习前端过程中主要的使用的编程工具。 F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P ģʽ 在 Ctrl+P 下输入>可以进入 Ctrl+Shift+P ģʽ 在 Ctrl+P 窗口下还可以: 直接输入文件名，跳转到文件 ? 列出当前可执行的动作 ! 显示 Errors或 Warnings，也可以 Ctrl+Shift+M : 跳转到行数，也可以 Ctrl+G 直接进入 @ 跳转到symbol（搜索变量或者函数），也可以 Ctrl+Shift+O 直接进入 @ 根据分类跳转 symbol ，查找属性或函数，也可以 Ctrl+Shift+O 后输入:进入 # 根据名字查找 symbol ，也可以 Ctrl+T 说明 快捷键