css3弹性盒子常用样式属性梳理汇总
摘要：direction 修改元素排列方式，可单独使用，会影响子元素内部元素排列 rtl 1 2 12 flex-direction 弹性子元素在父容器中的位置 row-reverse 1 2 3 column-reverse 1 2 3 justify-content 弹性子元素（横向）排列方式，可单独
阅读全文
posted @ 2020-07-09 14:39
随笔分类 - html标签特殊用法
html页面的CSS、DIV命名规则(仅供参考学习）
摘要：CSS命名规则： 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页
阅读全文
posted @ 2019-04-03 11:36
编写高效的 CSS 选择器
摘要：高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在Sky公司工作之时，所感兴趣的，关注已久的话题。 有很多人都忘记了，或在简单的说没有意识到，CSS在我们手中，既能很高效，也可以变得很低能。这很容易被忘记，尤其是当你意识到你会的太少，CSS代码效率很低的时候。 下面的规则只
阅读全文
posted @ 2019-04-01 17:42
html5文件读取+按钮样式重置+文件内容预览
摘要：FileReader读取文件详细介绍请访问：http://www.cnblogs.com/xyyt/p/9066882.html FileReader提供了如下方法： readAsDataURL和readAsText较为常用，这里以这两个为例，说明具体使用方法： 1.readAsDataURL：re
阅读全文
posted @ 2018-05-21 15:45
FileReader读取文件详解
摘要：FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。 input:file 在介绍FileReader之前，先简单介绍input的file类型。 <input type="file" id="inputBox"> input的file类型会渲染为一个按钮和一
阅读全文
posted @ 2018-05-21 13:57
ios应用内嵌h5页面数据自动变色识别为手机号码的解决方法——手机号码拨号禁用IOS手机页面数字自动识别为手机号
摘要：异常如下: ios应用内嵌h5页面，本来是设置了白色的数字，两三秒之后会自动变为黑色，然后点击的时候就会弹出是否拨号的提示； 解决方法： 添加如下meta标签，即可解决：
阅读全文
posted @ 2017-07-24 19:34
html页面实现自动刷新的几种方法
摘要：使用场景： 1. 页面需要定时刷新，实时加载数据（H5中的WebSocket和SSE可以实现局部刷新） 2. 一定时间之后跳转到指定页面（登录注册之类） 3. 前端开发使用伪数据调试html页面（修改一些js的变量值，可以自动刷新效果) 示例代码： 1. 页面自动刷新注：其中10指每隔10秒刷新一次
阅读全文
posted @ 2016-11-22 17:58
HTML 字符实体
摘要：1. 前言： 通常会有两种情况需要使用字符实体： 2. 字符实体实例： 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 提示： 使用实体名而不是数
阅读全文
posted @ 2016-06-29 11:50
html文本格式化
摘要：1. 前言： html中已经提供了不少格式化文本的标签，如非特需，可以直接使用这些格式化标签，而不用自己再去写样式进行调整。 2. 常用的文本格式化标签： 文本加粗 b 重要文本加粗 strong 斜体标签 em 重要文本斜体标签 i 字体变大 big 字体变小 small 文本下标下标sub 文本
阅读全文
posted @ 2016-06-29 10:21
使用css实现特殊标志或图形
摘要：1. 前言 由于图片占的空间比较大，且图片越多，越不好管理，所以有些时候，我们可以使用一些简单的标签样式来实现简单的图形标志来替代图片。 2. 实例展示： 三角形示例 示例代码： 方向箭头示例 示例代码：
阅读全文
posted @ 2016-06-29 10:18
兼容多浏览器的网页复制插件（ZeroClipboard）
摘要：常规利用JS编写的网页复制功能只对IE有效 无法做到兼容其它浏览器 ZeroClipboard是利用flash为媒介实现兼容各浏览器复制功能一款jquery插件 测试通过浏览器IE6 8 chrome27 firefox22 safari 5 1 5 opera12 12 通过简单的调用实现复制功能
阅读全文
posted @ 2014-03-13 17:05
常用特殊符号的HTML代码(HTML字符实体)
摘要：适当使用实体，对页面开发有相当大的帮助。自己收集的一些常用的以实体代替与HTML语法相同的字符，避免浏览解析错误。常用HTML字符实体（建议使用实体）：字符名称实体名实体数•圆点%u25CF;*星号❄“双引号""&&符&&右尖括号（大于号）>>空格 中文全角空格　HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。ISO-8859-1 的较低部分（从 1 到 127 之间的代码）是最初的 7 比特
阅读全文
posted @ 2014-01-11 22:08
控制span的width属性及display属性值的选择
摘要：给span设置width样式，会发现并没有改变它的宽度，但有时候我们需要给它设置固定的宽度，那么就可以设置它的display样式，改变span的显示模式就好了。span默认显示模式是inline，无法添加宽高，但如果显示模式修改为：inline-block就可以为span设置宽高了。对于display属性而言他有四个属性值：block、inline、inline-block、none。他们的详细说明如下：block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。inline-block：将对象呈递为内联
阅读全文
posted @ 2013-07-18 20:28
