随笔分类 - html
摘要：单纯的给tr加border是不生效的，需要设置table table{ border-collapse: collapse; } table tr{ border-bottom: 1px solid #e5e5e5; }
阅读全文
摘要：把请选择的第一项的value设置为空即可
阅读全文
摘要：HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有： <header>定义页面或区段的头部； <footer>定义页面或区段的尾部； <nav>定义页面或区段的导航区域； <se
阅读全文
摘要：在项目中我们会碰到这种需求：即点击这个整个a标签跳转到一个页面，点击a里面的某个a再跳转到另一个页面。有人会说，这还不简单，直接a标签嵌套a标签，可是事实如此吗，看代码： 此时的节点结构是a嵌套这a，但是经过页面解析以后： 嵌套关系成了兄弟关系。这是因为a标签不能去嵌套a标签，所以浏览器会默认的把他
阅读全文
摘要：1. 拨打电话 在电话号码前面可以加上 + （加号）表示国际号码。 <a href="tel:10086">10086</a> 使用wtai协议进行拨打电话： <a href="wtai://wp/mc;10086">10086</a> 2. 发送短信 如果是需要调用短信的接口，可以将链接写成下面的
阅读全文
摘要：找到WebStorm.exe.vmoptions这个文件，路径如下webstorm安装主目录>bin>WebStorm.exe.vmoptions更改为第二行：-Xms526m第三行：-Xmx1024m（ps：这里-Xms最大值不能超过1024，否则webstorm将无法打开）重启ps：本地电脑64
阅读全文
摘要：随着html的风靡，改变了之前前端的许多条条框框，而video的出现使flash仿佛都要退出历史的舞台了，但是h5也会出现以下局限性，比如说，在一些不支持h5的浏览器上，此处省略一万只草泥马.......... 之前做的一直是向后兼容的东西，h5之前的东西很少接触。特别是flash，因为h5真的很好
阅读全文
摘要：今天看前辈的代码时，发现img标签有个陌生的srcset属性，如下： 翻阅得知此属性用于：以最合适的src去匹配不同屏幕（高分屏低分屏如Retina；大屏小屏）。使用如下： 2x、3x 表示目标屏幕的像素密度；400w、600w表示目标浏览器的宽度的限度，如浏览器宽度550w时，匹配600w的src
阅读全文
摘要：<!--防止页面缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- 忽略页面中的数字识别为电话，忽略email识
阅读全文
摘要：在word中的自动生成目录当中，我们会看到是这样的目录结构： 嗯，自动生成固然是简单，但是在html当中，却没有一个合适的标签来去做。今天后台导出PDF的时候告诉我，他需要用html做一个这样的结构，然后想了想，实现了第一种方法： 一.js&css结合法 话不多说，直接上代码，代码解决 那个后面的点
阅读全文
摘要：我们常常有着将视频作为网页背景的需要，但是在设置时也经常差强人意，今天设置了一下，可以基本达到要求了，可能有些小细节做的不是太好，希望指出来，一起进步 第一步：准备工作 工欲善其事必先利其器，我们首先需要准备一个视频，我准备了一个这样的视频，如图： 是不是很美，当然了，，没我美哈 第二步：引入视频
阅读全文
摘要：1.img 2.textarea 3.input
阅读全文
