摘要：
三角的一个特殊做法： CSS部分： em { display:block; font:0/0 "宋体"; border:6px solid; border-color:#fff #fff #fff #000 ; } XHTML部分： 代码简单，还可以利用border的颜色轻松做出各个方向的三角！ 阅读全文
posted @ 2008-05-20 10:16 analyzer 阅读(199) 评论(0) 推荐(0) 编辑
摘要：
最常见的 checkbox 的使用： 点击这里没有任何效果 因为 checkbox 在高分辨率下，小方块会很小，很不容易点，这难免在用户体验上大打折扣。 下面看看我们的解决方法： 1、给 checkbox 配个 label “老婆”（老婆的特点：必要的）： 点击这里就可以选中label for属性功能：表示 lable 标签要绑定的 HTML 元素，点击这个标签的时候，所绑定的元素将获取焦点。... 阅读全文
posted @ 2008-05-20 10:15 analyzer 阅读(478) 评论(0) 推荐(0) 编辑
摘要：
PNG 图片在网站设计中是不可或缺的部分，最大的特点应该在于 PNG 可以无损压缩，而且还可以设置透明，对于增强网站的图片色彩效果有重要的作用。 但为什么 PNG 图片却没有 GIF 和 JPG 图片的使用来得广泛呢，这个祸因应归属于微软的 IE 浏览器（Firefox 和 Opera 对 PNG 支持的比较好，而现在浏览器的主流IE6 却无法很好的支持）。不过微软在最近也开始改过自新了，新出的... 阅读全文
posted @ 2008-05-20 10:14 analyzer 阅读(2512) 评论(0) 推荐(0) 编辑
摘要：
form 无论是在网站的制作中，还是在网站的重构中，我们都会频繁地“碰面”，当“碰面”的次数多了，反而觉得他更让人迷茫，有种熟悉的“陌生”，越来越把握不了他。 下面我们将带大家走进 form 的世界，一起来熟悉、探讨、掌握他的“脾性”。 对于简单 form 的设计图（如图，yahoo 注册页面的一部分），我们如何来做整体的布局呢？大体我们可以选用以下 3 种方式来做布局： 1、使用 table... 阅读全文
posted @ 2008-05-20 10:14 analyzer 阅读(787) 评论(0) 推荐(0) 编辑
摘要：
1、使用 fieldset 和 legend标签 在 form 中，我们经常会对 form 中的信息进行分组，比如注册 form ，我们可能会将注册信息分组成基本信息（一般为必填），详细信息（一般为可选），那我们如何更好的来实现呢？我们可考虑在 form 中加入下面两个标签： fieldset：对表单进行分组，一个表单可以有多个fieldset legend：说明每组的内容... 阅读全文
posted @ 2008-05-20 10:13 analyzer 阅读(279) 评论(0) 推荐(0) 编辑
摘要：
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-ite... 阅读全文
posted @ 2008-05-20 10:13 analyzer 阅读(170) 评论(0) 推荐(0) 编辑
摘要：
浏览器环境： Camino Firefox 1.0 PR Mac Firefox 1.0 PR Win IE 5 Mac IE 6 Win Opera 7.53 Mac Opera 7.53 Win Safari 表单控件： Buttons Submit buttons Select boxes, s... 阅读全文
posted @ 2008-05-20 10:12 analyzer 阅读(453) 评论(0) 推荐(0) 编辑
摘要：
学习标准的朋友，一般都会在学习的过程中接触到CSS滑动门技术，或许大家也都看过这篇文章《CSS中的滑动门技术》，如果你还没接触过或还没看过上文或有点忘记内容，也没关系，可以点击上面的文章链接，先了解或温习一遍。 在《CSS中的滑动门技术》一文中的滑动门例子，大家仔细实验，或许已经发现，链接区有9像素的盲点无法点击，而且在IE下，只能点击文字部分大小，不能点击整个按钮区块。而我们或许期望的是整个按... 阅读全文
posted @ 2008-05-20 10:12 analyzer 阅读(325) 评论(3) 推荐(0) 编辑
摘要：
:hover 是我们在 CSS 设计中最常运用的伪类之一，许多绚丽效果的实现离不开伪类 :hover，比如我们常见的纯 CSS 菜单、相册效果等等。 或许用了这么久的伪类 :hover，还有部分朋友还不完全了解 hover 的规则： 在 CSS1 中此伪类仅可用于 a 对象。且对于无 href 属性（特性）的 a 对象，此伪类不发生作用。 在 CSS2 中此伪类可以应用于任何对象。 但目前 ... 阅读全文
posted @ 2008-05-20 10:12 analyzer 阅读(508) 评论(0) 推荐(0) 编辑
摘要：
裁切 BUG（Guillotine Bug）现象：浮动元素内某些连接 hover 时，该元素的底部会被砍掉。 详细介绍：http://www.positioniseverything.net/explorer/guillotine.html 触发条件： 一个容器元素； 在容器内有一个没有被清楚浮动的浮动元素； 非浮动的内容在浮动元素之后，并且容器内包含链接； 那... 阅读全文
posted @ 2008-05-20 10:11 analyzer 阅读(219) 评论(0) 推荐(0) 编辑
摘要：
有朋友问：不明白为什么有了 DOCTYPE 还要 namespace，他俩不是一个作用么？ 其实不然，先让我们看看网上对它们的定义： 什么是 DOCTYPE？ DOCTYPE 是 document type (文档类型)的简写，用来说明你用的 XHTML 或者 HTML 是什么版本。其中的 DTD 叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的 DTD 来解释你页面的标识，并展现出来... 阅读全文
posted @ 2008-05-20 10:11 analyzer 阅读(185) 评论(0) 推荐(0) 编辑
摘要：
表达方式：+property:value 测试环境：IE5，IE6 ，IE7，FF1.5，FF2.0，Opera 9，Safari 2 测试结果：IE5，IE6 ，IE7浏览器识别；FF2.0，Opera 9，Safari 2浏览器不识别。 结论：我们可以用”+”来实现只有 IE 识别的 CSS Hack。 比如我们要实现在 IE 中 480px 的宽度，而在其他浏览器 500px 的宽度，就可... 阅读全文
posted @ 2008-05-20 10:10 analyzer 阅读(262) 评论(0) 推荐(0) 编辑
摘要：
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。 display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 但对于这个属性不是所有浏览器都识别。 支持的浏览器有：Opera、Safa... 阅读全文
posted @ 2008-05-20 10:10 analyzer 阅读(242) 评论(0) 推荐(0) 编辑
摘要：
margin 在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。 一、margin的基本特性 margin 属性包括 margin-top, margin-right, margin-bottom, margin-left, margin，可以用来设置 box 的 margin area。属性 margin 可以用来同时设置 box 的... 阅读全文
posted @ 2008-05-20 10:09 analyzer 阅读(217) 评论(0) 推荐(0) 编辑
摘要：
表格的 cellpadding 和 cellpadding 我们经常会用如下的方式来清除默认样式： 很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用 table 的 border-collapse: collapse; 属性 来代替cellspacing=”0″，用 th,td 的 padding: 0; 属性来代替 cellpadding=”0... 阅读全文
posted @ 2008-05-20 10:09 analyzer 阅读(674) 评论(0) 推荐(0) 编辑
摘要：
XML中 http://www.planabc.net 如果我们在 XSL 中要调用 home节点的值作为 a 标签的 href 属性值，该如何应对呢？ 我们可以通过给 a 标签添加一个属性，具体语法： http://www.planabc.net name 属性表示要添加属性的名字，标记包含的内容为要添加属性的值。 根据上面的介绍我们在 XSL 中可以写成这样： Index 或者： ... 阅读全文
posted @ 2008-05-20 10:09 analyzer 阅读(345) 评论(0) 推荐(0) 编辑
摘要：
最近几天在学习、练习、研究 XML 和 XSL ，今天在练习的时候碰到如何将 XML 中的 CDATA 注释部分内容按照 HTML 的格式输出，下面提供两种方法（其实是两种浏览器中的方法）： 1、使用disable-output-escaping=”yes”，不过FF不支持。 2、使用脚本可以实现 Firefox 下的显示）。 // JavaScript Document by aoao var... 阅读全文
posted @ 2008-05-20 10:08 analyzer 阅读(606) 评论(1) 推荐(0) 编辑
摘要：
z-index 属性简介 z-index : auto | number auto: 默认值。 number: 无单位的整数值，可为负数 。 z-index 值较大的元素将叠加在 z-index 值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。 注意：这个属性不会作用于窗口控件，如 select 对象。在IE... 阅读全文
posted @ 2008-05-20 10:07 analyzer 阅读(300) 评论(0) 推荐(0) 编辑
摘要：
IE中z-index BUG 首先先来看一个演示例子的代码部分。 XHTML 部分： 这个box应该在上面 这个box应该在下面，IE浏览器会对定位元素产生一个新的stacking context ，甚至当元素 z-index的为“auto”。 CSS 部分： #container { position: relative; } #box1 { position: absolute; top... 阅读全文
posted @ 2008-05-20 10:07 analyzer 阅读(615) 评论(0) 推荐(0) 编辑
摘要：
对于相同的结构，我们可以通过CSS来创造出40种不同的布局，可以从中学到布局的很多知识，也可以体验出CSS的强大和标准的便捷。 http://blog.html.it/layoutgala/ 阅读全文
posted @ 2008-05-20 10:06 analyzer 阅读(246) 评论(0) 推荐(0) 编辑
摘要：
The Web is an application built on top of the Internet原文地址：《The W3C Technology Stack》翻译地址：《w3c技术架构介绍》一种发展，一种趋势，一份把握，一份机遇！ 阅读全文
posted @ 2008-05-20 10:06 analyzer 阅读(209) 评论(0) 推荐(0) 编辑
摘要：
最简单的清除浮动的方法 2007-7-2 上午 - HTML/CSS/XML/XSL - float - 清除浮动 div.container { border: 1px solid #000000; } div.left { width: 45%; float: left; } div.right { width: 45%; float: right; } 层套关系：contain... 阅读全文
posted @ 2008-05-20 10:05 analyzer 阅读(276) 评论(0) 推荐(0) 编辑
摘要：
当在 div 标签内无任何内容时： 如果给 div 元素设置了宽度时，比如 width:100% ，此时 div 在 IE 中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标签内： 此时在 IE 中到底是什么在影响着最终的显示，又是如何解析的呢？ 可能的影响因素：字体大小（font-size），字体行高（line-height），高度... 阅读全文
posted @ 2008-05-20 10:05 analyzer 阅读(356) 评论(0) 推荐(0) 编辑
摘要：
很早在 蓝色论坛 做过一个调查《你使用的CSS命名规则 (单选) 》，调查结果如下（参与投票人数为83人）： helloworld 2 (2.41%) hello-world 9 (10.84%) hello_world 52 (62.65%) helloWorld 19 (22.89%) HelloWorld 1 (1.20%) 其他 0 (0... 阅读全文
posted @ 2008-05-20 10:04 analyzer 阅读(209) 评论(0) 推荐(0) 编辑
