译者：阿捷原文：TablesMyAsshtmldog站点以提供教程帮助初学者学习HTML和CSS而闻名。本文是htmldog站点上2004年5月14日的一篇文章。原名是TablesMyAss，英文的意思大致是"可笑的表格布局者"或者"可笑的CSS布局新手"。为了更便于理解，我翻译为"CSS比表格更难吗"。文章一针见血的...

[阅读全文]

本文是我在蓝色理想论坛上讨论的一个回复，我想大多数设计师都会有这个疑问，就保存下来。1.embed是非法的<embed>标签是Netscape的私有标签，虽然<embed>标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。使用<embed>标签的页面将不能通过W3C校验...

[阅读全文]

对于初学者，我们常看见web标准的好处之一是“能做到表现和结构相分离”，那这到底是什么意思呢？我将以一个实际的例子来详细说明。首先我们必须先明白一些基本的概念：内容、结构、表现和行为。1.内容内容就是页面实际要传达的真正信息，包含数据、文档或者图片等。注意这里强调的“真正&rdquo...

[阅读全文]

原文出处：sessions.edu,共4节，这里翻译了主要的第一节。作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见...

[阅读全文]

原文作者：AndreiHerasimchuk原文出处：designbyfire.com原文发表时间：2004年6月11日译者前言：这是一篇让人震惊的文章。作者的分析深刻，文笔犀利。作者担心微软会控制整个世界的观点也许偏激，但不得不引起我们的警惕和思考。该文发表后引起了激烈的争论甚至漫骂，感兴趣的建议去原文看看。从中我们...

[阅读全文]

原文作者：Veerle原文出处：veerle.duoh.com原文发表时间：2004年6月14日译者注：本文是"你应该关注web标准的真正原因"一文发表后veerle写的一篇感想文章，作者提了2个想法，却引来各种意见和建议，我将部分评论附在文后。可以看到国外技术类blog讨论的气氛也是非常好的，至少参与的人很多。有兴趣...

[阅读全文]

原文作者：D.KeithRobinson原文出处：asterisk原文发表时间：2004年6月1日用web标准开发能够带来实际利益，这一点还有人怀疑吗？如果有，我已经为您准备了一些非常引人注目的证据，特别是一些基于CSS设计带来的好处。我将展示给您一组真实的数据，展示给您看采用web标准所带来的、非常明显的投资回报(R...

[阅读全文]

非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题，在这里特别提醒一下：1.不是为了通过校验才标准化。web标准的本意是实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。W3C校验仅仅是帮...

[阅读全文]

如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。）首先先按这里看实际运行效果，这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码...

[阅读全文]

原文作者：SergioVillarreal作者简介：墨西哥网页设计师，1993年接触网络，个人主页为Overcaffeinated.net原文出处：sitepoint.com原文发表时间：2004年5月27日前言我第一次在internet上冲浪用的还是哑终端。不久以后，明尼苏达州的一种单色的显示器居然可以通过服务器播放...

[阅读全文]

本文来自：tantek.com，也可以阅读《网站重构》第225-235页了解更多。我们定义一个最基本的层：boxtestdiv.boxtest{border:20pxsolid#60A179;padding:30px;background:#ffc;width:400px;}标准情况下，这个盒的宽度是:20+30+30...

[阅读全文]

在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下：IE中的效果MozillaFirefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的"浮动模型的问题")。我一直没有解决这个问题，直到我翻译"表...

[阅读全文]

第一届简历样式表设计赛已经评出获奖作品，恭喜所有的获奖者，也鼓励所有未获奖的选手继续加油。我想对作品中存在的问题总结一下，以便大家能够看到明白问题出在那里。一.CSS校验的问题首先根据比赛要求，参赛作品必须符合XHTML标准，提交的CSS必须通过W3C的校验。CSS校验的情况比较理想，参赛作品中只有8份作品未通过CSS...

[阅读全文]

作者：allan转载自：x"target="new">Allan.Blog(本文经作者同意转载,版权归作者所有.如果您需要引用或转载请与作者联系。)原文发表时间：2004年11月9日今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我...

[阅读全文]

我们知道在样式表定义一个样式的时候，可以定义id也可以定义class，例如：ID方法：#test{color:#333333}，在页面中调用<divid="test">内容<div>CLASS方法：.test{color:#333333}，在页面中调用<divclass="test">内容<div>id一个页面只可以使...

[阅读全文]

原文作者：RogerJohansson作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456BereaStreet是他的住址，因此采用这个名字作为他的个人主页域名原文出处：www.456bereastreet.com原文发表时间：2005年3月15日阿捷说明：此文原名"CSStipsandtricks"，...

[阅读全文]

divid="smiddle">如何用CSS制作横向菜单?作者：阿捷2005-4-1116:54:52.test2ul{list-style:none;}.test3ul{list-style:none;}.test4ul{list-style:none;}.test5ul{list-style:none;width:...

[阅读全文]

原文：WhatistheBestWaytoMarkuptheTitleofaDocument?说明：本文是《WebStandardsSolutions:TheMarkupandStyleHandbook》一书中的一章。书号：ISBN:1590593812。我们会陆续翻译此书中有价值的章节。原作者：DanCederhol...

[阅读全文]

ISSN:1534-0295.20October2003–IssueNo.160原文作者：DouglasBowman原文出自：AListApart中文翻译：54player.comnobita版权说明：本文中文翻译版权归译者54player.comnobita所有。需要转载发表的，请先与作者联系在CSS中，...

[阅读全文]

作者：dodo[网站重构]译者之一，原文在这里：x"target="new">http://www.donews.net/dodo/archive/2005/05/16/382248.aspx，需要转载的先联系作者。这个IDEA来自KESO。今天KESO说，对于一个左中右3栏布局的页面，比如home.donews.co...

[阅读全文]

原文：http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/翻译：JunChen首发：x"target="new">http://blog.handsbrain.com/junchen/archive/2005/05/21/3...

[阅读全文]

原文：http://www.sovavsiti.cz/css/abbr.html翻译：JunChen版权:译者JunChen所有，转载请联系译者。简介<abbr>是用来为web页面上的简称（译者注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩写用<acronym>标签）添加适当标注的XHTML标签，Wind...

[阅读全文]

原文来自：W3C(http://www.w3.org/TR/CSS21/sample.html)感谢Junchen提供本信息html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,...

[阅读全文]

原文：http://usabletype.com/articles/2004/how-and-when-to-use-sifr/原作者：AndrewHume翻译：阿宏在分析sIFR之前，先来快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalableInmanFlashReplacement，是一种在...

[阅读全文]

本文参考了以下文章：KevinYank的《New-WindowLinksinaStandards-CompliantWorld》《Standards-basedReplacementfortarget="_blank"inExternalLinks》我们要在新窗口中打开链接通常的做法是在链接后面加target="_bl...

[阅读全文]

table元素如果你已经看过我的代码，就会发现我的日历是用table做的。不错，因为日历中显示的是表列数据，所以这样说来用table布局是合理的。而用table定位制作整个网站是不合适的，但我们完全可以有针对性的将table用在列表数据当中。像日历，程序表，图表，时间表我们都可以用table制作。此外试想一下，如果没有...

[阅读全文]

Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下：　　Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效，　　　　　　Phase=偏移量，Strength=强度）　　我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值...

[阅读全文]

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式：　　Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，　　　　　　　　　　　　Positive=positive）　　该属性...

[阅读全文]

Xray就是X射线的意思。　　Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。它的表达式很简单：　　Filter：Xray　　我们还是先来看一个页面（如下图）：　　如果在上面的页面中加入Xray属性，也就是在<head>的<Style>中，增添下面这一句代码：　　Filter：Xray　　...

[阅读全文]

Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是：　　Filter：FlipH　　Filter：FlipV　　我们先来看一幅图：点击可放大　　下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下：　　<html>　　　<head...

[阅读全文]