网页制作

　　CSS网页布局中不推荐使用的HTML标签，请尽量不要使用这些HTML标签。 　　Do not use these html elements in html pages. 　　Presentational elements should not be used. 　

　　在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！ 　　字体

　　在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！ 　　字体

之前就见过很多网站在侧边栏上使用<dl />标签对来完成侧边栏栏目的布局，最近在研究DEDECMS的默认模板时，也发现该模板在大量的地方使用<dl></dl>标签对来完成页面的布局，比如模板首页的栏目循环以及侧边栏的栏目都是用<dl>

　　图片的透明效果是网页中需要用到的一种特殊形式，虽然不是非常的常用，但是遇到这样的需求往往有点措手不及，在webjx.com的文章中虽然有这方面的CSS实例，但还没有系统的介绍过CSS Alpha透明，我们今天共同学习一下相关的知识。 　　关于CSS Alpha透明的相关

　　总结出关于W3C CSS标准的一些经验： 　　一、少用偏门。类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 　　二、center不是float的值。很多新手都会把

英文原文： http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ 中文翻译： http://www.dudo.org/article.asp?id=197 注：本文写于2006年

　　随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV CSS制作方法，webjx.com也成为了CSS网页布局技术学习的先锋站点，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。 　　如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽

　　以下的内容是一位网友的DIV CSS编码笔记，是值得大家学习的，在实际工作与开发中，将工作中的点滴记录下来，回首这些过往，你也会收获很多，如果能在webjx.com与大家共同交流，相信进步就更快了。大家一起努力！ 　　最近在做一个魔术网的div css切割，昨晚发现了长

Opera, 作为 A-Grade 浏览器，在现在的前端开发中务必支持。它很优秀，很不幸，bug是每个浏览器都不可避免的问题，Opera亦难免。说说我发现的一个关于 cloneNode 的问题。 问题: 假设我们有一个 Form 节点（node）的引用，姑且名之为 e

　　在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在webjx.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解

　　CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在webjx.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSSbug是我们必须掌握的技

　　CSSframework可以更快速、有效、可扩展的去书写站点的CSS代码。在webjx.com以前的文章中，我们有过多篇此类知识的介绍，以下是个某个知名团队在日常开发中的思考与总结，可能您会提出一些不同的观点，没关系，欢迎发表评论，和webjx.com的众多CSSer一起探讨

原文：http://jorux.com/archives/property-4-if-you-love-css/ 本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和pad

原文：http://www.linxz.cn/blog2/article.asp?id=140 很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内的文字不可选择（测试的时候主要用带连接

斜角导航条看上去立体感比较强，但实现起来比较麻烦；这是前几天写的一个测试代码，实现时，本来想用简单的图片加负数来实现；但GIF图片对半透明的效果无法有很好的支持；所以一边写代码，一边在改图，图片改的比较乱，CSS也没有优化； 但效果出来了； 写出来和大家分享一下

声明 定位元素： position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。 平台：win/IE win/FF z-index 用来确定定位元素在垂直于显示屏方向（以下称为Z轴）上的层叠顺序 值：auto

原文：http://jorux.com/archives/if-you-love-css/ 我想把本篇作为css基础教程的序曲，从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分，单独发表，其间可能会插入几篇与教程无关的文章。没有具体的教程发表

英文原文： http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/ 中文译文： http://www.12sui.cn/blog/71.html 本人英语还没过四级，所以不能说是翻

　　我们在文章的更新中，特别注重对新手的辅导，但webjx.com面对的是广大的开发人员，大家可能会遇到各种各样的问题，有些问题很不常见，或者应用的很少，但我们依然有必要学习更多的CSS布局知识与技术，以应对可能出现的复杂多变的CSS内外形势（挺汗）。今天这篇文章，主