Deshun 发布于 7个月前 (08-01) 阅读(342) 评论(0) 赞 (0)
最近在项目中遇到一个问题，同事在IE浏览器下测试时出现底部大块空白的问题。如下图：我反复测试，问题并没有重现，最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查，发现在reset文件里面的一行代码的问题，把其中的 overflow-y:scroll; overflow:-moz-scrollbars; 注释掉就好了： 过程中在思...
Deshun 发布于 8个月前 (06-12) 阅读(1563) 评论(0) 赞 (2)
某些时候我们需要实现网页的自动跳转，比如404错误页可以加入代码让它自动跳转到首页，下面介绍三种html页面自动跳转的方法。方法一：页面在头部加入meta标签在头部加入 <meta http-equiv="refresh" content="时间/s;url=网址/http://www.dblog.cc"...
Deshun 发布于 10个月前 (04-27) 阅读(3984) 评论(0) 赞 (6)
我们一般会给图片设置 alt 属性，当图片路径不存在时可以显示提示文字。<img src="" alt="图片加载失败">如图所示：但是这样很不好看，如果用在文章列表，我们可以给 img 标签设置一个 onerror 属性，可以在 src 路径不存在时显示指定的默认图片。测试一下，我没有...
Deshun 发布于 1年前 (2017-12-20) 阅读(2299) 评论(0) 赞 (2)
做设计的应该会知道“阿里巴巴矢量图标库”这个网站，你可以上传自己设计的图标，也可以下载别人分享的图标。作为前端，我们也可以更好的利用它，实现网站图标的美化。首先找到你需要的图标并加入库：三个按钮分别是 加入库、加入收藏和下载点击下载按钮后会弹出一个窗口，你可以调整任意颜色和尺寸，可以下载 SVG、AI和PNG3种格式。点击右上角图标，打开库，点击“下载代码”...
Deshun 发布于 1年前 (2017-12-19) 阅读(2512) 评论(0) 赞 (3)
导航栏点击添加选中样式是比较好实现的，点击后添加一个 .active 再给它设置一个样式就可以了。html代码：<header> <div class="navbar-nav"> &n...
Deshun 发布于 1年前 (2017-11-15) 阅读(14747) 评论(3) 赞 (8)
最近写网页的时候，发现页面都是用的同一个header头部、aside侧边栏和footer页脚，那么为什么不把这些写成一个模板文件，在页面中直接引入呢？这样还方便后期的修改维护。查了一下资料，发现html中引入调用另一个html的方法有很多种，我都尝试了一下，就把他们都列出来吧：其中推荐第一种和第六种，因为代码太长就写在最后了。其他的方法，可以自己尝试，看是不是适合你当前项目。一、需要借助 jque...
Deshun 发布于 1年前 (2017-11-09) 阅读(735) 评论(0) 赞 (0)
code_ds{ display: inline-block; position: relative; width:200px; height: 30px; text-align: center; line-height: 30px; font-size: 22px;...
Deshun 发布于 1年前 (2017-11-08) 阅读(461) 评论(0) 赞 (0)
前段时间我写过一篇：CSS中background属性总结 整理了background的常用属性。在CSS3中 background-image 还有一个 gradient 属性——渐变。渐变大体分两种：1、线性渐变：linear-gradient线性渐变的用法是：linear-gradient(direction方向/角度,color1,color2......);单向渐变：从一个水平或者垂直方向...
Deshun 发布于 1年前 (2017-11-06) 阅读(557) 评论(0) 赞 (0)
js的引入方式，最常用的有两种：1、在页面中直接写入：<script> alert("www.w3h5.com"); </script>2、引入外部js文件：通过 src 引入，此时 script 标签内添加任何js代码都不起效果。<script src="js/w3h5.js&qu...
Deshun 发布于 1年前 (2017-10-23) 阅读(1700) 评论(0) 赞 (1)
最近在写页面的时候，需要在左上角加一个logo，但是复制的时候会把这张图片一块选中。那么我们可以通过CSS给它设置禁止选中，代码如下：.icon { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: n...
w3h5