天天饱

如果你只做自己能力范围之内的事情,就永远没法进步

随笔分类 -  HTML/CSS

摘要:第 1 种方法:定义一个样式,给某个div应用这个样式后,div的透明png背景图片自动透明了。(注意两处图片的路径写法不一样,本例中,icon_home.png图片与html文件在相同目录) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti 阅读全文
posted @ 2016-11-18 15:55 天天饱 阅读(568) 评论(0) 推荐(0) 编辑
摘要:今天同事找了一个悬浮广告的插件,但是一放入页面中就失效了,也没有报错,后来通过原文件对比,发现是加了<!doctype html>。 这样子定位并不起效果: 后来在网上找了一下发现是声明文档的解析类型(document.compatMode)的原因: document.compatMode: Bac 阅读全文
posted @ 2016-11-02 16:17 天天饱 阅读(2901) 评论(0) 推荐(0) 编辑
摘要:在谷歌浏览器会默认记住账号,而记住账号之后其input的背景会变成黄色,解决的办法如下: 方法一:直接用css的内阴影来覆盖黄色,代码如下: 方法二:input文本框使用图片背景 这个比较麻烦,目前还没找到完美的解决方法,有两种选择: 1、如果你的图片背景不太复杂,只有一些简单的内阴影,那个人觉得完 阅读全文
posted @ 2016-10-24 18:02 天天饱 阅读(3015) 评论(0) 推荐(0) 编辑
摘要:从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。有时候我们不要到到,所有可以去掉,代码如下: 阅读全文
posted @ 2016-10-21 09:40 天天饱 阅读(2865) 评论(0) 推荐(0) 编辑
摘要:简介 Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名。第二种语法别成为缩进语 阅读全文
posted @ 2016-10-20 17:39 天天饱 阅读(5957) 评论(0) 推荐(2) 编辑
摘要:Yslow是雅虎开发的基于网页性能分析浏览器插件,可以检测出网页的具体性能值,并且有著名的Yslow 23条优化规则,这23条,就够我们玩的了。 1. 减少HTTP请求次数 尽量合并图片、CSS、JS。比如加载一个页面,如果有5个css文件的话,那么会发出5次http请求,这样会让用户第一次访问你的 阅读全文
posted @ 2016-10-19 09:32 天天饱 阅读(231) 评论(0) 推荐(0) 编辑
摘要:点击查看原文 问题 如果我们想要一个元素拥有半透明的背景,我们有两个选择: 使用CSS和 opacity 做一张 24-bit PNG 背景图片 在CSS中使用opacity有两个问题,一是为了适应所有的浏览器,我们要对付opacity讨厌的语法;二是opacity不仅使目标元素的背 景变得半透明, 阅读全文
posted @ 2016-10-11 09:17 天天饱 阅读(1046) 评论(0) 推荐(0) 编辑
摘要:有时我们会在网站头部看到: <!--[if IE 7]> <![endif]--> 或者 <!--[if lt IE 9]> <![endif]--> 其他浏览器会将其作为注释而忽略这些语句,因为他们是IE专门提供的一种语法,如此就能根据不同的IE版本加载对应的CSS或者JS文件了。 <!--[if 阅读全文
posted @ 2016-10-11 08:47 天天饱 阅读(1041) 评论(0) 推荐(0) 编辑
摘要:效果 html css jq 阅读全文
posted @ 2016-10-10 10:25 天天饱 阅读(400) 评论(0) 推荐(0) 编辑
摘要:效果主要通过clip和transform:rotate实现 把圆环分为左右两个部分,通过角度旋转对图片剪切旋转角度<=180度的时候之旋转右边,当大于180度时右边固定旋转180度的同时旋转左边。 html css jq获取进度并算出旋转角度赋值 最终实现效果 // <![CDATA[ $(func 阅读全文
posted @ 2016-10-10 10:18 天天饱 阅读(300) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示