 前几天一位做网页设计的朋友问我这个问题：如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。
下图为通过CSS实现的图片透明效果 (2004-12-23,1982) [查看全文] 如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。）
这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码： 完整代码 (2004-09-12,4756) [查看全文] 辛苦了好多天，我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？W3C和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正错误的帮助信息。这些校验非常有用，是我调试页面第一步要做的事情。1.XHTML校验校验网址：http:// (2004-07-16,3621) [查看全文]
#menu {
MARGIN: 15px 20px 0px 15px;
PADDING:15px;
BACKGROUND: #dfdfdf;
COLOR: #666;
BORDER:#fff 2px solid;
WIDTH:160px;
}
#menu ul {
MARGIN: 0px;
PADDING: 0px;
BORDER: medium none;
LINE-HEIGHT: normal;
LIST-ST (2004-07-16,4094) [查看全文]
#pagebox{
margin:0px;
PADDING:20px;
BACKGROUND: #FFF;
FONT-FAMILY: arial,'宋体','新宋体',verdana,sans-serif;
WIDTH:600px;
}
#header{
MARGIN: 0px;
BORDER: 0px;
BACKGROUND: #ccd2de;
WIDTH: 580px;
HEIGHT: 60px;}
#ma (2004-07-16,3983) [查看全文] 接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。 注：在实际应用过程中，DIV在有些地方的确不如表格方便，比如背景色的定义。但任何事情都有得有失，取舍在 (2004-07-16,4209) [查看全文] CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV 分析一个典型的定义div例子：#sample{ MARGIN: (2004-07-16,3819) [查看全文] (2004-07-03,1254) [查看全文] 在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句：p {COLOR:#FF0000; (2004-06-27,3664) [查看全文] |
内容分类
|