对于大型门户，海量信息平台及多模块，多区域化网站，更需要对CSS，XHTML，的标准化，符合语意的HTML框架，复用性强的CSS代码，这些才能保障你的网站，具有很好的“地基”。第一部：关于构建CSS框架我们要实现的目的：1.实现标准化，具备主流平台适应性的前端实现；2.快速开发，在站点风格确定后...

[阅读全文]

看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用import还是link好?从经典论坛和另外一个网站大概了解了一下　　看到淘宝网页中大部分是这样写的<styletype="text/css"med...

[阅读全文]

我们都知道，要做WD（webdesigner）,首先得伺侯好几个浏览器:IE6,IE7,Firefox.一般的页面，都只要求在IE6,IE7,Firefox下正常工作就行了。　　但是实际上，浏览器远远不止这几个,Firefox分为Firefox1.5,Firefox2,Firefox3几个主要版本，IE7,IE6中也各...

[阅读全文]

一、少用偏门。　　类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。　　二、center不是float的值。　　很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。　...

[阅读全文]

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。　　如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的I...

[阅读全文]

原文：http://rong179.blogbus.com/logs/24966909.html声明定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。平台：win/IEwin/FFz-index:用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的...

[阅读全文]

原文：http://www.gracecode.com/Archive/Display/2254很多时候，希望能够在HTML中使用空格排版。但浏览器在解析HTML时，会把连续的空格解析成一个，所以我们会使用&nbsp;等这样的占位符。但是&nbsp;也不是很可靠，比如空格间距非常大，那么我们必须增加多个...

[阅读全文]

我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的<font>标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式.从先前的很多例子我们知...

[阅读全文]

IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证I...

[阅读全文]

IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证I...

[阅读全文]

作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这...

[阅读全文]

表格对于网页设计师来说再熟悉不过，随着web标准的兴起，表格不再承担架构网页布局的重任。回归到它本来的功能，表现数据。恐怕有很多网页设计师都没有兴趣，我们精选了当今互联网上正在应用的和已经设计好的21个css和Ajax表格，教你一些在表格里用分类和过滤的功能展示信息的有用的技巧。对您在设计网页时起到锦上添花的作用。1)...

[阅读全文]

这个效果的思路蛮有趣的，是一个类似于我们小时候翻书动画（也叫走马灯？）的效果，将一张大的png图片每次显示一部分。说明一下，我的实现没有google的那样精致，它最后还有一个返回一点的效果。我为了简单，省略了，呵呵。首先，这是google用的素材图片：这是我的素材图片：区别就在于我把最后那条边裁了，就没有那一小点回退的...

[阅读全文]

在html5增加了新元素header、footer，测试过发现IE不能解析html5新增的元素。代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

[阅读全文]

我认为多选列表具有完美的功能——只需按下Ctrl键，同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框：上面那个列表框的代码如下：<formmethod="get"action=""><b>Checkyourfavoritefastfood:</b><br/><SELECTMULTIP...

[阅读全文]

1.网页背景色的设置犯错机率：很大普遍性：较广犯错可能性：懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网...

[阅读全文]

CSS代码更清晰高效的一些经验是许多网页制作者与开发者都关心的问题。但是大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，合理的CSS编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然CSS样式表大小的缩减还能减少下载的时间。一、排版：1、关键词和操作符之间加适当的空格。2、相对独立的程序...

[阅读全文]

许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。　　但是你又不喜欢用table来实现他，那怎么办呢？实现的方法很多，有根据视觉错觉实现的，有用JS控制使高度相等的，还有采用容器溢出部分隐藏和列的负底边界...

[阅读全文]

5．12地震给四川人民带来了巨大灾难，5月19日到5月21日为全国哀悼日，有很多网站界面今天都变成了黑白色，从而纪念那些在地震中死去的逝者。对于普通的站长来说，对于灾难并不能多做些什么，但可以做到将自己的网站也变成黑白色，从而缅怀那些地震逝者。　　　　如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且...

[阅读全文]

发现很多朋友对CSS的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断CSS的优先权，更应反思自己的CSS代码，是否合理？是否优化？CSS2.1中规定了关于CSS规则Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2中是用三位）来表示，最后以Specificity的高低...

[阅读全文]

web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度？答案是：不一定！实际上，有许多关于HTML与DHTML方面的技巧，它们原理简单而且上手容易。无论是技术高超的老手，还是初涉编程的菜鸟，领会这些都十分必要。明显HTML，暗渡“公用脚本”减少web页面下载时间的关键就是设法减小...

[阅读全文]

最后我们要做的工作，就是把每一页，或者你认为重要的关键的页面进行加密，就OK啦。怎样对网页的源代码进行加密就不用我多说了吧？网上到处都有，可以用工具，也可以自己写一个htm文件来转换。加密软件，我推荐“BatchHTMLEncryptor”，去google找吧。还有转换加密网页的代码如下：以下为...

[阅读全文]

首先介绍一下HTML文档与CSS的关联常见有4种方式：1、使用link标记<linkrel="stylesheet"type="text/css"href="sheet.css"/>2、使用style元素<styletype="text/css">body{background:#fff;}h1{font-size:2...

[阅读全文]

1.网页背景色的设置犯错机率：很大普遍性：较广犯错可能性：懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网...

[阅读全文]

简单的XML操作：XML文件创建把下面的代码复制到按钮事件中编译执行后可在相应物理路径中产生Pos.xml文件以下为引用的内容：XmlTextWriterxtw=newXmlTextWriter(Request.PhysicalApplicationPath+"Pos.xml",System.Text.Encoding...

[阅读全文]

以下为引用的内容：<divstyle="width:150px;height:50px;overflow:hidden;"><tablecellspacing="0"cellpadding="0"><tr><td><ahref="http://homepage.yesky.com/"class="bluekey"tar...

[阅读全文]

当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。#test{margin:10px;padding:10px;width:100px;height:100px;}如上一段的代码，很多时候我们会把它所占的位置计算成width:...

[阅读全文]

我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。有关表格边框的css语法具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框...

[阅读全文]

1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。2.使用浮动功能...

[阅读全文]

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用Pho...

[阅读全文]