最新消息:

HTML/CSS

有HTML5、CSS3等最新的HTML和CSS知识

避免常见的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视频详解新增属性及相关用法
HTML/CSS

CSS3视频详解新增属性及相关用法

admin 2013-10-24 153浏览 评论

在 CSS3 info 上看到这篇文章,很有用,拿来分享给各位国内的同学。 这是一份近乎完整的 CSS3 新增属性教学,视频是作者手把手教你如何使用CSS3这把利器。希望看完这些视频教学后你的CSS3水平有相当的提高。另外,如果你还有CSS3方面不懂得额地方,可以参看...

iframe背景透明设置方法
HTML/CSS

iframe背景透明设置方法

admin 2013-10-24 113浏览 评论

iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在大幅背景上插入iframe时,需要给它“透底”,可是IE不支持对iframe设置背景色,那怎么办呢? 解决办法是在iframe中设置: allowtransparency=”true” 如...

CSS常用浮出层的写法
HTML/CSS

CSS常用浮出层的写法

admin 2013-10-24 154浏览 评论

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! 点此查看实例展示 是的,我们即将实现的就是以上功能,是不是很生动? 贴上HTML: div class = "poptip" span class = "poptip-arrow po...

针对IE的CSS hack 全面 实用
HTML/CSS

针对IE的CSS hack 全面 实用

admin 2013-10-24 72浏览 评论

.all IE{property:value\9;}.gte IE 8{property:value\0;}.lte IE 7{*property:value;}.IE 8/9{property:value\0;}.IE 9{property:value\9\0;}.IE 7{+property:value;}.IE 6{_property:value;}.not IE{property//:value;} lte:就是Less than or equal to的...