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

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=邮...

CSS3实例:纯CSS3写Google Chrome新LOGO
HTML/CSS

CSS3实例:纯CSS3写Google Chrome新LOGO

admin 2013-10-24 105浏览 评论

上上篇文章我们知道了Google的Chrome浏览器更换新的LOGO,个人感觉很不错,简洁大方,又能表达Chrome快速的含义,所以打算用CSS3写一个Chrome LOGO Tips: 喜欢研究的同学可以用浏览器的开发工具看下源码!!! 点此查看实例展示 如果你用的是Chrome,恭喜你...

简单HTML5打造内涵搜索框
HTML/CSS

简单HTML5打造内涵搜索框

admin 2013-10-24 100浏览 评论

随着HTML5的深入人心,其越来越多的新功能为更多Coder所用,HTML5新增了不少人性化标签和属性,马上介绍的就是新的表单属性。 实例图片: 代码如下: input type = "text" placeholder = "输入 回车搜索" autofocus x-webkit-speech 很赞?Yes! 简短的几个...

推荐13个CSS3快速开发工具
HTML/CSS

推荐13个CSS3快速开发工具

admin 2013-10-24 105浏览 评论

有了下面这些工具,你可以快速方便地掌握css3 并利用它构建页面效果: 1.? CSS3 Pie 2.? CSS3 Builder 3.? CSS3 Drop shadow generator 4.? Cascader 5.? Border Radius.com 6.? Button Maker 7.? CSS3 Generator 8.? Modernizr 9.? HTML5 CSS3 Support 10.?...

CSS3详解:text-shadow
HTML/CSS

CSS3详解:text-shadow

admin 2013-10-24 115浏览 评论

在CSS3详解的上一篇中我们讲到了 transform 的具体属性和用法,今天我们看一个相对简单的 text-shadow 。 CSS3 text-shadow是什么? text-shadow的含义是:文本的阴影,给文本添加阴影效果 CSS3 text-shadow书写格式: text-shadow: a px b px c px # color...

详细解说:简单CSS3实现炫酷读者墙
HTML/CSS

详细解说:简单CSS3实现炫酷读者墙

admin 2013-10-24 119浏览 评论

如题,给大家介绍和讲解几个常用的CSS3属性,并用到实处。 先看demo( 请使用Chrome或者Firefox浏览,IE的靠边 ): 点此查看实例 觉得爽的可以继续阅读下面的知识点,感觉不爽的可绕行。 使用基础的Html和CSS写出雏形 需要一提的是头像(img)的排版。给外...

解读浮动闭合最佳方案:clearfix
HTML/CSS

解读浮动闭合最佳方案:clearfix

admin 2013-10-24 202浏览 评论

之前给大家介绍两种浮动闭合的办法 CSS清除浮动 万能float闭合 ,得知很多同学都在使用下面的骨灰级解决办法: .clear{clear:both;height:0;overflow:hidden;} 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题...