w3h5

HTML笔记 共2页,当前第1页

HTML笔记

overflow的一些小细节笔记

3

Deshun 发布于 7个月前 (08-01)   阅读(342)   评论(0)   赞 (0)  

overflow的一些小细节笔记

最近在项目中遇到一个问题,同事在IE浏览器下测试时出现底部大块空白的问题。如下图:我反复测试,问题并没有重现,最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查,发现在reset文件里面的一行代码的问题,把其中的 overflow-y:scroll; overflow:-moz-scrollbars; 注释掉就好了: 过程中在思...

HTML笔记

实现网页自动跳到其他页面的几种方法

1

Deshun 发布于 8个月前 (06-12)   阅读(1563)   评论(0)   赞 (2)  

实现网页自动跳到其他页面的几种方法

某些时候我们需要实现网页的自动跳转,比如404错误页可以加入代码让它自动跳转到首页,下面介绍三种html页面自动跳转的方法。方法一:页面在头部加入meta标签在头部加入 <meta http-equiv="refresh" content="时间/s;url=网址/http://www.dblog.cc"...

HTML笔记

HTML img src图片路径不存在,则显示一张默认图片的方法

3

Deshun 发布于 10个月前 (04-27)   阅读(3984)   评论(0)   赞 (6)  

HTML img src图片路径不存在,则显示一张默认图片的方法

我们一般会给图片设置 alt 属性,当图片路径不存在时可以显示提示文字。<img src="" alt="图片加载失败">如图所示:但是这样很不好看,如果用在文章列表,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。测试一下,我没有...

HTML笔记

阿里巴巴矢量图标库 iconfont 的使用方法

7

Deshun 发布于 1年前 (2017-12-20)   阅读(2299)   评论(0)   赞 (2)  

阿里巴巴矢量图标库 iconfont 的使用方法

做设计的应该会知道“阿里巴巴矢量图标库”这个网站,你可以上传自己设计的图标,也可以下载别人分享的图标。作为前端,我们也可以更好的利用它,实现网站图标的美化。首先找到你需要的图标并加入库:三个按钮分别是 加入库、加入收藏和下载点击下载按钮后会弹出一个窗口,你可以调整任意颜色和尺寸,可以下载 SVG、AI和PNG3种格式。点击右上角图标,打开库,点击“下载代码”...

HTML笔记

html中引入调用另一个公用html模板文件的方法

Deshun 发布于 1年前 (2017-11-15)   阅读(14747)   评论(3)   赞 (8)  

最近写网页的时候,发现页面都是用的同一个header头部、aside侧边栏和footer页脚,那么为什么不把这些写成一个模板文件,在页面中直接引入呢?这样还方便后期的修改维护。查了一下资料,发现html中引入调用另一个html的方法有很多种,我都尝试了一下,就把他们都列出来吧:其中推荐第一种和第六种,因为代码太长就写在最后了。其他的方法,可以自己尝试,看是不是适合你当前项目。一、需要借助 jque...

HTML笔记

CSS3中元素背景的 gradient 渐变属性

Deshun 发布于 1年前 (2017-11-08)   阅读(461)   评论(0)   赞 (0)  

前段时间我写过一篇:CSS中background属性总结 整理了background的常用属性。在CSS3中 background-image 还有一个 gradient 属性——渐变。渐变大体分两种:1、线性渐变:linear-gradient线性渐变的用法是:linear-gradient(direction方向/角度,color1,color2......);单向渐变:从一个水平或者垂直方向...

HTML笔记

JavaScript的引入方式和基本属性

1

Deshun 发布于 1年前 (2017-11-06)   阅读(557)   评论(0)   赞 (0)  

JavaScript的引入方式和基本属性

js的引入方式,最常用的有两种:1、在页面中直接写入:<script> alert("www.w3h5.com"); </script>2、引入外部js文件:通过 src 引入,此时 script 标签内添加任何js代码都不起效果。<script src="js/w3h5.js&qu...

HTML笔记

HTML页面 用CSS实现禁止选中、复制和右键

2

Deshun 发布于 1年前 (2017-10-23)   阅读(1700)   评论(0)   赞 (1)  

HTML页面 用CSS实现禁止选中、复制和右键

最近在写页面的时候,需要在左上角加一个logo,但是复制的时候会把这张图片一块选中。那么我们可以通过CSS给它设置禁止选中,代码如下:.icon { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: n...