2012-1-20 23:27:03 | Tag: HTML,CSS,WEB | Hit: 59 | Comments: 0
今天，本文向大家展示19个基于 HTML5 和 CSS3 开发的优秀应用程序。HTML5可以说是近十年来 Web 标准最巨大的飞跃，它的使命是将 Web 带入一个成熟的应用平台，而 CSS3 同样给 WEB 开发带来了革命性的影响，以前很多需要[url=h...
[More]
2012-1-15 10:46:45 | Tag: CSS,HTML,FONT,font-family | Hit: 56 | Comments: 0
做项目时偶遇的一诡异问题，同样的代码，在ff和IE7以上页面显示正常，但IE6无论怎么改都不起作用，本来以为是IE6的某些浮动bug所致，结果弄了很长时间也不行，后来不经意间把原来设定的font-family: "黑体"属性去掉了，一切恢复正常。。。
到网上搜了下，还真有不少人遇到同样的问题，下面摘录一段：
css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了。
只要把font-family: "黑体";
改成
font-family:黑体;
就行了，去掉空格和双引号。
这个问题只存在于IE6中。
一处容器的font-family属性里写了"宋体"，而IE6一下不解析"" 号，于是就导致整个页面的居中失效
css中指定fo...
[More]
2011-12-5 10:06:26 | Tag: CSS,HTML | Hit: 130 | Comments: 0
在过去，我们都是使用图片或者JavaScript来实现漂亮的按钮效果，随着越来越多的浏览器对CSS3的支持和完善，使用CSS3来实现美观的按钮已没有太多的障碍。
今天，本文收集了12个很不错的CSS3按钮方案并有相关的使用
http://lab.simurai.com/css/buttons/
http://horaciobella.com/zardi/
[img]http://www.webresourcesdepot.com/wp-content/uploads/zardi-css3-buttons.jp...
[More]
2011-11-20 20:43:07 | Tag: CSS3,HTML,WEB | Hit: 119 | Comments: 0
Css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。
使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码:
1.<body>
2. <div id="box1">1</div>
3. <div id="box2">2</div>
4. <div id="box3">3</div>...
[More]
2010-12-30 19:10:39 | Tag: html5,css | Hit: 507 | Comments: 0
简洁的DOCTYPE：
HTML5 只有一个简单的文档类型：<!DOCTYPE html>。它不使用版本，因此该文档类型适用所有版本的HTML。
简单易记的语言标签：
你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。
简单易记的编码类型：
你现在可以在meta 标签中使用”charset”：<meta charset=”utf-8″ />
不需要闭合标签：
在HTML5 中，空标签（如：br、img 和input ）并不...
[More]
2010-11-23 16:42:13 | Tag: css,html,前端,web | Hit: 572 | Comments: 0
http://www.qianduan.net/ 前端观察
http://leaverou.me/scripts/css3learn.html
http://caniuse.com/#cats=CSS3
http://www.codenique.com/html/image_maps/
...
[More]
2010-3-24 22:20:46 | Tag: Design,CSS,URL | Hit: 910 | Comments: 0
http://osdnetwork.org/
http://pixelnovel.com/
http://www.xero.com/
http://www.nosotroshq.com/inicio/
http://www.getmiro.com/
http://clearleft.com/
http://www.mailchimp.com/
http://www.lightcms.com/
http://www.qianduan.net/ ...
[More]
2010-2-24 11:50:22 | Tag: IE6,IE,Web,CSS | Hit: 651 | Comments: 0
关键字：
很多人以为IE6已经死了，也许只有设计师这样认为，现实世界中IE6的使用者大有人在，不过不会维持很久，IE8已经推出，微软对IE8的推广不遗余力，同时，不少人从IE转到别的浏览器，总有一天，IE6会被弃之如敝履，没有人愿意再提起，那时，有 10件事会大快人心。
使用 CSS 2 的 child 选择器
不必再写一大堆规则在某个对象的子对象中筛选，CSS2 的子选择器（child selectors）可以选择某个对象下直接的子对象。
放心使用 24 位 PNG 图片（透明不再是问题）
不必象以前那样在不同背景方案下设计不同的图片边缘反锯齿方案，...
[More]
2010-2-10 16:10:49 | Tag: Web,Design,CSS | Hit: 817 | Comments: 0
这算是做得比较轻松畅快的一次了~
...
[More]
2009-8-4 14:11:00 | Tag: Web,CSS,设计,网页,design | Hit: 736 | Comments: 0
可视性允许我们一见到某事物就直截了当地知道如何与其交互。例如，当我们看到一扇门旁边的小按钮时，我们会马上意识到这是要用指头来按的；常识又告诉我们，一旦按下去就有声响发出，然后房间里的人就会知道“有人正站在门外呢”。把这一概念移植到视觉设计领域：当我们在网页上看到一个有3D样式的按钮时，我们立马就能明白这是一个可以用鼠标来“按”的东西。
可视性仅仅是成功的一半
设想这样一种情景：人们虽然能轻松懂得如何使用某件物品，但是却缺乏执行操作的能力。绝大部分坐轮椅的人都知道楼梯应该怎么用，但楼梯的“可视性”无助于他们爬上楼梯。这时，问题便出现了。
相反，杂货店的宽大自动门对于有或没有特别通过需求的人都具可视性，并且能被二者轻松使用。我们把这种可视性和广泛亲和性[注3]（all-embracing accessibility）的结合称为...
[More]