-
[2007-07-15] 第7天:CSS入门
在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式...
-
[2007-07-15] 第8天:CSS布局入门
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制...
-
[2007-07-15] 第9天:第一个CSS布局实例
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用Photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没...
-
[2006-11-15] Web设计终极目的：提高用户体验
Web2.0讲究以用户为核心，内容为主，用户创造内容。用户对一个网站的体验度体现在以下几点：
1、我是网站的主人，我可以发布内容、纠正错误，让别人来分享和讨论。
2、在网站里我能很轻易的找到志同道合...
-
[2006-11-15] 完美CSS圆角实例教程
圆角的实现一般情况下比较容易，但是当容器的高度和宽度不固定的情况下，实现起来就复杂一些了。因为它需要对四张图片的合适安置，每个圆角都要独立出来，各用一张图片。以便框能够在各个方向自由的伸展。四张图...
-
[2006-11-15] IE浏览器DIV为空时占据空间的解决办法
当在div标签内无任何内容时，比如：
如果给div元素设置了宽度时，比如width:100%，此时div在IE中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标...
-
[2006-11-15] DIV+CSS实现的幻灯片效果
这是一款图片切换效果，主要是应用DIV CSS进行布局，以javascript作为脚本来实现这样的效果。
请您特别注意，本例效果在FF下无效。
最终效果如图：
我们来看HTML代码：
建立一个层，设置id为mCon...
-
[2006-11-15] DIV+CSS技术新手指南
CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者...
-
[2006-11-15] 制作样式风格可以自由切换的WEB站点实例教程
这里我们通过制作一个样式风格可以自由切换的WEB站点实例，来学习xhtml+css制作web站点的一般流程。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准。XHTML 标准的...
-
[2006-11-15] IE6.0、IE5.0、IE5.5兼容方法
以web标准开发网页的时候时会发现不同的浏览器会有不同的效果，甚至同是IE浏览器，因版本不同也会有不同。!这些差异有时并不明显，IE5.6 更接近于IE6。IE5.0值得注意的地方是：比IE6与IE5.5中文字要大一号。也就...
-
[2006-11-15] DIV CSS布局实例：DIV+CSS新闻列表制作
Source Code to Run [www.52css.com]
[ 可先修改部分代码 再运行查看效果 ]
CSS文件： Example Source Code [www.52css.com].list{
margin: 0px 10px 20px;
text-align: left;
}
.list ul{
list-style-type: no...
-
[2006-11-15] DIV CSS布局实例：各种2栏3栏布局实例（附下载）
Two Column Flexible
Browsers: ' ' ' ' (5+)
Description: Probably the easiest page to make. Contains two layout divs, the main content div is just floated to the left. Very simple!
Actions: Vie...
-
[2006-11-15] 用css网站布局之十步实录！（一）
第一步：规划网站，本教程将以图示为例构建网站
首先需要规划网站，本教程将以下图为例构建网站。
其基本布局见下图：
主要由五个部分构成：
Example Source Code [www.52css.com]1.Main Navigation ...
-
[2006-11-15] Web标准学习之DIV+CSS排版
前言
如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么...
-
[2006-11-15] Web标准学习之制作导航栏
用CSS做导航栏也是轻而易举的事情，在本人之前发表的教程中其实也有一个简单的横向导航栏制作，那时只给出了样式代码并没有作太多的解释，这次要做一个相对复杂点的导航栏，为了加深大家对CSS盒子模式的理解，特...
-
[2006-11-15] Web标准学习之浮动float及清除clear
一、下面请看float的精彩表演，有请。
大家好,我是float,欢迎访问CSS家族,在CSS家族中,在当今CSS排版流行的年代,我可扮演着重要的角色哦。因为我的工作对网页设计人员很有用，就像之前align帮助你们定位网页元素...
-
[2006-11-15] Web标准学习之相对定位及绝对定位
前言
在用CSS控制排版过程中，定位一直被人认为是一个难点，这主要是表现为很多网友在没有深入理解清楚定位的原理时，排出来的杂乱网页常让他们不知所措，而另一边一些高手则常常借助定位的强大功能做出些很酷的...
-
[2006-11-15] Web标准学习之实战练习定位
在本人上一篇教程《彻底弄懂CSS盒子模式四(绝对定位和相对定位)》中最后有演示一个综合导航实例，那时因为时间关系，同时本人也觉得有必要将这实例分出来单独讲一下，所以没有把实例讲解教程写到上一篇教程中。这...
-
[2006-11-15] 容器数量及class、id的使用应适度
基本原则1：HTML标签数量尽可能的少。
我们想要创建具有良好结构的文档，那我们始终就需要考虑尽量少的使用标签。仅仅使用必须的标签，将其它可有可无的标签统统扔掉吧。我们仅仅保留了必要的标签，可以让文档保...
-
[2006-11-15] 块级元素和内联级元素详解
我们先来分析一下块级元素、内联级元素的定义和解析：
块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块...
