作为功能强大，支持不同数据格式的文件嵌入的语言，我们一定要心存畏惧。网站首页Html/css
CSS3之常用浮出层的写法示例
发布时间：2017-05-25作者：余斗分类：[Html/css]浏览：次
浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！ 是的，我们即将实现的就是以上功能，是不是很生动？ 贴上HTML代码： div class = poptip span class = poptip-arrow poptip-arrow-top em◆/emi◆/......
阅读全文>>使用CSS实现嵌入Flash视频自适应长宽
发布时间：2017-05-11作者：余斗分类：[Html/css]浏览：次
为了嵌入FLASH视频并使其自适应长宽，余斗为所有开发人员准备了一个非常有用的CSS技巧。在我进一步之前，我想引入介绍这个CSS技巧并帮助很多开发者嵌入交互视频的网站。 部分CSS样式代码如下： .video { position: relative; padding-bottom: 56.25 %; height: 0 ; ove......
阅读全文>>网页前端输入密码才能访问的实现方法（JS）
发布时间：2017-05-09作者：余斗分类：[Html/css]浏览：次
有的时候，我们在做网页的时候需要一些很有趣的特效，比如我们今天要讲的给网页加密，访客在输入密码后才能访问。全程是js控制，虽然很low但是很有趣，针对那些电脑小白还是很有用的，余斗今天就教大家三种方法来实现： 输入密码才能访问页面的实现方法一 script type=......
阅读全文>>CSS实现单行、多行文本溢出显示省略号
发布时间：2017-04-24作者：余斗分类：[Html/css]浏览：次
上次余斗讲过《 CSS控制标题字符长度的方法 》，我们都知道如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap;......
阅读全文>>CSS控制标题字符长度的方法
发布时间：2017-02-28作者：余斗分类：[Html/css]浏览：次
我们在网页制作的时候，一般列表页都会一定的长度，而在后台调用的时候，调出的标题都是整个标题长度，如果不加以截取，可能会换行或者错位，这样对于用户体验不好，我们需要控制下标题长度。常用的思路是，直接控制调出标题的字数，这样就不会错位，但是对于手机端来说......
阅读全文>>文章页图片自动居中,自适应手机且宽度100%实现方法
发布时间：2017-02-20作者：余斗分类：[Html/css]浏览：次
发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度也留空不......
阅读全文>>分享一款仿百度打赏的实现代码
发布时间：2016-09-16作者：余斗分类：[Html/css]浏览：次
虽然文章的打赏功能对于大部分站长来说是个鸡肋的功能。但是，我们每个站长在折腾完善自己网站的时候，都希望把每个方面都丰富一下，百度在年初的时候推出了百度打赏功能，但是要申请才可以使用，余斗到现在都没有成功，但是也不妨碍我们使用这个功能。......
阅读全文>>一些实用的Html和Css技巧推荐
发布时间：2016-07-03作者：余斗分类：[Html/css]浏览：次
1. 鼠标经过的技巧，实现鼠标经过，鼠标点击情况下不同图片的效果：2. 如果我们需要的图片不存在，那么可以采用指定的图片进行替换，请注意中间的单引号；3. 在鼠标经过时切换背景图片的另外一种写法。4. 网页在IE下的调试，就是按"F12"，然后用箭头点击需要查看代码的......
阅读全文>>前端设计中background与img的优劣对比
发布时间：2016-03-19作者：余斗分类：[Html/css]浏览：次
我们在前端设计特别是移动端的前端页面的时候，展示某一张图片的方法有两种：一是通过CSS的background样式，二是通过html标签中的img src加上。其实在余斗大学学习HTML的时候就一直在想这个问题，background与img究竟哪个才是最优的？我们应该在哪些情况下用？在揭示着......
阅读全文>>利用CSS3实现图片的毛玻璃效果
发布时间：2016-03-06作者：余斗分类：[Html/css]浏览：次
用PS给图片做后期效果制作的朋友都知道，PS中的滤镜特效有个高斯模糊，这个用来给图片做毛玻璃效果很好，比如下图，就是余斗用高斯模糊做出的一个毛玻璃效果：这个效果用PS来实现非常简单，但是在前端设计中，这样的效果我们还可以通过CSS3来实现，代码也很简单，实现效......
阅读全文>>