分类:Html5+CSS3

制作Icon Font

制作Icon Font
现在icon font越来越流行了,它可以用字体代替图片,提高了访问效率,并且不用担心放大会模糊,因为是矢量的。很多大网站里都用到了这种方法,例如:新浪,一淘网等等。icon font 有很多优点,第一点就是本身比图片小很多,并且好维护,在兼容性方面也有很好的表现,但有优点就必...

5年前 (2014-09-23) 21763℃ 40评论 81喜欢

text-shadow文字特效

text-shadow文字特效
今天总结一下文字特效text-shadow,如果用好它可以做出各种不一样的效果,下图是我做出的几种效果。 怎么样,看起来很不错吧,下面贴代码。 /* css */ p{     width:300px;     margin:0 auto;     background...

5年前 (2014-09-03) 4054℃ 4评论 30喜欢

css height:100%失效

css height:100%失效
有时做移动端页面时,需要用到height:100%来控制,但是设置完后会发现,用百分比的高是不生效的。 经过上网浏览等查阅资料得知,是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。 html,body...

5年前 (2014-08-25) 2234℃ 0评论 12喜欢

用css3 media 实现响应式布局

用css3 media 实现响应式布局
响应式布局,说直白点就是一个网站能够兼容多个终端,可以按不同的分辨率显示不同的状态。而实现这个就要用到css3的Media Queries(媒介查询)。这个功能非常的强大,但是有优点的同时,缺点也是会存在的。那就是兼容各种设备工作量大,效率低下,加载时间长等。但是学起来很容易,看...

5年前 (2014-08-17) 7538℃ 6评论 16喜欢

css去除webkit内核的默认样式

css去除webkit内核的默认样式
做移动端的朋友应该知道,iphone的默认按钮是个很恶心的圆角,select下拉框也有默认样式无法修改。 这时候可以用到 -webkit-appearance:none //去除默认样 在按钮和select样式里加入上面css,效果如下图。 css代码如下: input{[.....

5年前 (2014-08-16) 3717℃ 3评论 6喜欢