注意：本文提到的正则表达式都使用了IgnoreCase=true选项。我观察了YUICompressor中用于精简CSS的正则表达式，并给出了一些我认为能有助于这一工作的其他正则表达式。我所看到的代码已经能够通过简单的字符串替换修剪掉“上-右-下-左”值中不必要的零值。但这是通过三个独立的替换操...

[阅读全文]

在我们使用AJAX的应用中，消息传输有那些方式呢？纯文本、带HTML的文本、XML、JSON？还有？？？在许多情况下，纯文本的消息传输就足够了。例如，要传输一个用户名，用户密码，或是用户联系方法(PHONE,EMAIL,MSN)等，通常都是以文本的形式传输的。又比如复杂点的数据信息，表格、对象或者是？？？，这样我们可以...

[阅读全文]

在上一篇《探索AJAX中的消息传输模式(一)》一文中，我主要介绍了普通字符串（Plain-textstring）和XML格式的传输模式，然而在实际的开发应用中，这两种方法基本上可以足够应付我们的需求了，不过在对于复杂的对象传输的时候，采用上面所介绍的这两种传输模式有点显得不理想。于此，本文将结合《探索AJAX中的消息传...

[阅读全文]

很多现代的浏览器在地址栏的右边有个搜索框，默认的安装有Google搜索等。如下图所示：其实这是OpenSearch的一个应用，只要编写相应的微格式的xml文件，就可以制定相应的搜索框。参考OpenSearch的定义文档，可以基本获得基本的xml格式。比如某个典型的的搜索xml文件可以这样指定。<?xmlversion=...

[阅读全文]

在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：一、margin:auto0与text-aligh:center在现代浏览...

[阅读全文]

其实水平居中实现还是比较简单的，反而垂直居中有点麻烦，因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面布局过程中实现垂直居中的方法。在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊...

[阅读全文]

在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动选择”编码格式时）该页面所用的编码。即使网页已经声明过编码格式：<metahttp-equiv="Content-Type"content="text/ht...

[阅读全文]

6月10日发布了新的HTML5草案（WorkingDraft）。小编粗略的读了一下它提供的新版本说明文档，作了一点笔记：HTML5草案并没有成为正式标准PublicationasaWorkingDraftdoesnotimplyendorsementbytheW3CMembership.作为“草案&rdqu...

[阅读全文]

做前端开发快有3年时间，今天跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始吧。WEB标准是什么？呵呵，说是WEB标准，不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，&ldquo...

[阅读全文]

一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二、明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100...

[阅读全文]

web重构技巧与常见问题的解决方法一、xhtml+CSS技巧篇●在重构也面之前要做的准备工作：1.拿一张PSD效果图,必需是PSD的这样的话你就可以自己更加随意的做切片；2.先把PSD不做切片生成一个网页,起名为index_psd.html(这个页面做参考用)；3.在准备几个必需的文件夹images(放图片)、css(...

[阅读全文]

微软技术支持团队一名经理表示，公司计划在今年10月底之前推出IE8Beta2软件。该经理同时警告网站在预览新浏览器时可能出现被“阻断”的危险，网站程序管理员应该在他们的网站中增加新的兼容性标签。微软新西兰运作高级经理NickMacKechnie在本周早期的博客中写到，为了鼓励网站管理员在更大范围...

[阅读全文]

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

[阅读全文]

SEO是指搜索引擎优化，主要就是通过对网站的结构、标签、排版等各方面的优化，使搜索引擎更容易抓取网站的内容，并且让网站的各个网页在等搜索引擎中获得较高的评分，从而获得较好的排名。DIVCSS网页布局对SEO有着积极而富有意义的影响。查看本站更多搜索引擎优化技巧文章。看以下几个方面：一、精简网页代码使用DIVCSS布局，...

[阅读全文]

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性(例如：ce...

[阅读全文]

当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法，也就是一种较好的CSS样式指南。1.分解你的样式对于小项目，在写代码之...

[阅读全文]

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

[阅读全文]

XHTMLCSS网页布局中ID与class的理解应用：要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。那要怎样OO呢？现在大家都知道CSS是可以介样写滴：.G_G{/*xxxxxx*/}我们可...

[阅读全文]

HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识...

[阅读全文]

首先介绍一下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...

[阅读全文]

按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动（clear）以撑大父...

[阅读全文]

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

[阅读全文]

几天在用CSS写三列布局的时候突然想到的这样一个方法，这个想法自己都觉得有些疯狂，如果其中有什么不对的地方请各位不吝指教。当需要写一个三列布局的时候，一般情况下我会选择使用如下的DIV布局方式：使用这样的嵌套方式无疑可以使代码出错的概率减少很多，但同时这样的布局也略显复杂，对于后期的维护也略显不便。我们在布局导航时经常...

[阅读全文]

一.介绍这篇文章包括了8个非常有用的解决办法,在进行css设计遇到问题时你就会用到它们.二.针对浏览器的选择器这些选择器在你需要针对某款浏览器进行css设计时将非常有用.IE6及其更低版本*html{}IE7及其更低版本*:first-child+html{}*html{}仅针对IE7*:first-child+htm...

[阅读全文]

尽管对于现如今的带宽来说，网页文件那仅以K来算的大小实在是微不足道，但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。众所周之，在不影响整个网页构架与功能的情况下，网页文件越小越好，因为更小的网页文件有利于浏览器对网页的解释时间缩到更短，自然访客也就不用面临等待网页缓慢呈现的烦躁了，这一点对...

[阅读全文]

关于CSS控制DIV水平居中问题，我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书，那个里面谈到居中使用。margin-left:auto;margin-right:auto;其实等同于：margin:0auto;于是可以使用这种方式，但是有人用IE时发现没有居中。这里建议你看看是否遗漏了DTD声明。＜!DO...

[阅读全文]

CSS规范允许使用称作速记CSS的简略语法创建样式。速记CSS使您可以用一个属性标签指定多个属性的值。例如，您可以使用font属性在一行语法中设置font-style、font-variant、font-weight、font-size、line-height和font-family属性。使用速记CSS时需要注意的关键...

[阅读全文]

1.检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2.检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误...

[阅读全文]

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

[阅读全文]

在层叠样式表（CSS）101系列的前面部分，我们讨论了如何处理一个元素的多个规则。本文讨论另一个重要的CSS特征：选择器，它可以用来在一个页面内选择元素风格化Web页。选择器类型CSS样式有多种方式实现元素选择。各种各样的选择方法包括通过通用选择器，类型选择器，类选择器，ID选择器，祖先选择器，子孙选择器，邻接兄弟选择...

[阅读全文]