最新消息:微信客服:1290573999

综合类别

避免常见的6种HTML5错误用法
网络技术

避免常见的6种HTML5错误用法

admin 2013-10-24 79浏览 评论

原文链接请点击 此处 ,作者为 Richard Clark . 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码: !-- H...

取消chrome浏览器下input和textarea的默认样式
网络技术

取消chrome浏览器下input和textarea的默认样式

admin 2013-10-24 147浏览 评论

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。这是大前端调整的样式,样式...

IOS下移除按钮原生样式 -webkit-appearance
网络技术

IOS下移除按钮原生样式 -webkit-appearance

admin 2013-10-24 104浏览 评论

IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。 下面这句代码就是重置这些样式的: -webkit-appearance: none; 通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代...

点a链接写邮件小技巧
网络技术

点a链接写邮件小技巧

admin 2013-10-24 138浏览 评论

无意间发现这个技巧,分享一下! 当点击mailto的邮件链接的时候,需要填写标题和内容,如果你想规定一个邮件标题格式,那这个可以帮助你。 代码: a href="mailto:haozi@daqianduan.com?subject=投稿:body=源地址:"立即投稿?/a mailto:邮件地址 subject=邮...

css设置最小高度 然后自适应
网络技术

css设置最小高度 然后自适应

admin 2013-10-24 85浏览 评论

群里有人问到用css设置某个div最小height,然后再自适应height,这里有个不错的解决办法。 看代码先: min-height:400px; //(解决ie8.9.ff.chrome)*+height:100%; //(解决ie7)_height:400px; //(解决ie6) ie6超出自动溢出 代码都有注释,只为了大家能...

移动端Web开发小记
网络技术

移动端Web开发小记

admin 2013-10-24 202浏览 评论

之前为公司商旅频道写移动端的页面时遇到不少问题,今特来个总结,希望能为后来者带来一些帮助。 不再考虑浏览器兼容性 移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性,webkit...

CSS3动画-wordpress读者墙
网络技术

CSS3动画-wordpress读者墙

admin 2013-10-24 84浏览 评论

有日子没更新啦,今天的主题是CSS3动画,用CSS3写一个不错的wordpress读者墙。 效果图: 代码自己开发工具看看,chrome下能收到最好效果。 点此查看实例展示 ps:大前端D4主题即将出现,今晚仍旧测试中,有兴趣的同学可以围观下下!! 转载请注明: 大前端 C...

解决Firefox下input button内文字垂直居中
网络技术

解决Firefox下input button内文字垂直居中

admin 2013-10-24 203浏览 评论

很老的问题了,如今再次碰到,记录下来,给后来者方便! 众所周知,在Firefox下input type=button的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致); 按...

简单CSS3 让搜索更有爱
网络技术

简单CSS3 让搜索更有爱

admin 2013-10-24 219浏览 评论

首先,请看右侧搜索位置,试试先!!(如果你用的是IE,悲剧了) 小小的动画,是css3实现的,很有爱,有木有!! 代码如下: .searchdemo {display:inline-block;position:relative;height:27px;margin:60px;}.searchdemo:hover {-webkit-box-shadow:0 0 3px...

CSS3详解:border-radius
网络技术

CSS3详解:border-radius

admin 2013-10-24 153浏览 评论

讲到css3的border-radius这个玩意,可以很好玩。比如:圆角矩形,圆,椭圆等等。 CSS3 border-radius是什么? border-radius的含义是:圆角。 CSS3 border-radius的书写格式: border-radius: a px,比较常见,其中 a 表示数值,下同; -webkit-border-top-l...