最新消息:最新信息可以到系统基本设置里填写,如果不想要这一栏可以修改head.htm,将第53行到55行删除即可

前端开发

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

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

admin 2013-10-24 79浏览 评论

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

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

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

admin 2013-10-24 146浏览 评论

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

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

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

admin 2013-10-24 102浏览 评论

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

点a链接写邮件小技巧
HTML/CSS

点a链接写邮件小技巧

admin 2013-10-24 125浏览 评论

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

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

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

admin 2013-10-24 76浏览 评论

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

CSS3 iphone式开关的推荐写法
HTML/CSS

CSS3 iphone式开关的推荐写法

admin 2013-10-24 135浏览 评论

话说这个问题纠结了近一个小时,为什么呢?看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧,肯定没什么问题。 Tip: 请使用Chrome查看以下案例 点此查看实例展示 写啊写,html代码出来了: span class = "ono...

CSS3详解:border color
HTML/CSS

CSS3详解:border color

admin 2013-10-24 140浏览 评论

继续我们的 CSS3详解系列文章 ,今天的主题是 border color 。大家都知道css中的border属性是经常用到的,其写法很简单,如:border:1px solid #333;border color和这有所不同,是不能简写的。 当前浏览器支持情况:Firefox border color写法说明: -moz-bo...

移动端Web开发小记
HTML/CSS

移动端Web开发小记

admin 2013-10-24 158浏览 评论

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

CSS3动画-wordpress读者墙
HTML/CSS

CSS3动画-wordpress读者墙

admin 2013-10-24 80浏览 评论

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

CSS3详解:border-radius
HTML/CSS

CSS3详解:border-radius

admin 2013-10-24 148浏览 评论

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