html+css+js
关注
分享
扫一扫
ionluo
1. 青青园中葵，朝露待日晞。少壮不努力，老大徒伤悲。
2. 手把青秧插满田，低头便见水中天。心地清净方为道，退步原来是向前。
3. 腐草为萤，耀采于月。净从秽出,明由晦生。
4. 老当益壮，宁移白首之心？穷且益坚，不坠青云之志。
展开
-
IE8 Firefox Chrome Safari 不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性
由图可知，colgroup和col这两个标签存在严重的浏览器兼容问题，在Chrome、FireFox、Safari和ie8+等浏览器中background、width和span属性等到了良好的支持，所以建议最好不要使用。...原创 2019-08-19 10:57:40 · 1650 阅读 · 1 评论 -
HTML5图形之SVG
<!-- svgDemo.html --><!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2019-01-05 15:04:09 · 507 阅读 · 0 评论 -
横向导航栏制作li标签不换行
方法1：使用浮动，并在最后一个li后面清除浮动//css样式 li{float:left} div.clear{clear:both} <ul> <li>土豆<li/> <li>马铃薯<li/> <li>地瓜<li/> <原创 2018-09-04 00:32:44 · 6635 阅读 · 0 评论 -
URL编码解决中文字符乱码(encodeURIComponent和decodeURIComponent)
1、encodeURIComponent 转义除了字母、数字、(、)、.、!、~、*、'、-和_之外的所有字符(可看下表的非转义字符更清晰)。注意：为了避免服务器收到不可预知的请求，对任何用户输入的作为URI部分的内容你都需要用encodeURIComponent进行转义。var x = encodeURIComponent("https://baidu.com/a(-_.!~*')1"...原创 2018-09-30 11:09:42 · 17231 阅读 · 0 评论 -
HTML特殊字符对应表
原创 2019-04-11 16:58:53 · 289 阅读 · 0 评论 -
【转载】JavaScript常用数组操作方法，包含ES6方法
一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, ...转载 2018-09-26 18:10:30 · 808 阅读 · 0 评论 -
Emmet快速生成的各HTML文档类型列表
创建好html文件，然后输入：html:5或! HTML5文档类型html:xt XHTML过渡型文档类型html:xs XHTML严格型文档类型html:4t HTML4过渡型文档类型html:4s HTML4严格型文档类型然后按tab键即可生成对应文档类型的html模板最近emmet出现点问题，部分按下tab后没有...原创 2018-09-25 18:55:33 · 460 阅读 · 0 评论 -
Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用
常常在很多网站下看到如下meta定义：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性，强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。1、Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所...原创 2018-09-25 18:42:44 · 545 阅读 · 0 评论 -
CSS遮罩效果(模糊效果，阴影效果，毛玻璃效果)
一般遮罩 background : #000；在body标签的最后加上div标签作为遮罩，如下：<div class="mask"></div>其css样式：.mask{ position:fixed; top : 0; left : 0; bottom : 0; right : 0; ...原创 2018-09-06 17:43:04 · 34622 阅读 · 0 评论 -
calc()用法
1、calc()是css3的一个新增的功能，用来指定元素的长度，你可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值。2、calc()语法.element { width：calc(expression); }3、calc()的运算法则 1）、使用 "+"、"-"、"*" 和 "/" 运算 2）、...转载 2018-09-13 14:15:02 · 5258 阅读 · 0 评论