第8天:CSS布局入门
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距...
第9天:第一个CSS布局实例
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，...
第10天:自适应高度
如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全...
第11天:不用表格的菜单
布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片：样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}页面代码：<div id="logo"><a title="网页设计师" href="http://www.w3cn.org/" ><img he...
第12天:校验及常见错误
辛苦了好多天，我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？W3C和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正错误的帮助信息。...
CSS兼容要点分析
IE vs FF
CSS 兼容要点：
DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-...
css静态滤镜 + A:Hover
css静态滤镜 + A:Hover 的效果 WU XIN * { margin:0px; padding:0px; } .i1 { width:64px; border:0px none #888; margin:0px; } .a0 { filter:Gray() Alpha(Opacity=40); display:block; height:64px;...
滚动条效果
无标题文档 html,BODY { SCROLLBAR-FACE-COLOR: #c6e352; SCROLLBAR-HIGHLIGHT-COLOR: #f3f3f3; SCROLLBAR-SHADOW-COLOR: #e3ecf1; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #c6e352;...
层自动适应高度
body { font:12px Tahoma;margin:0px;text-align:center; } a:link,a:visited {font-size:12px;text-decoration:none;} a:hover{} /*页面层容器*/ #container { width:780px;margin:0px auto;background:#fff } /*...
<font color=blue>让2个DIV居中并排显示
div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -120px; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...
会移动的文字(Marquee)
Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。 格式： <MARQUEE ALIGN="…" BEHAVIOR="…" BGCOLOR="…" DIRECTION="…" ...
<font color=green>解读absolute与relative
作者小毅的博客：http://andymao.com/
很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方...
怎样管理好样式
学习WEB标准的朋友一般都是从学习CSS开始，为什么呢？因为CSS是一种很有意思的语言，它能让我们的网页千变万化。也许我们一开始的接触只是因为链接的样式修改，然后慢慢发现CSS的强大而又简单，于是我们用它来控制整个网页的布...
web标准常见问题集合第1/2页
列举了一些常见，新手经常问的问题。举例并说明解决方法。1.超链接访问过后hover样式就不出现的问题 web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准...
DIV+CSS 简单的导航条
很简单的导航条，放在这里已方便以后用到；ie7/ie7/Firefox都测试过了；没有问题； 复制代码 代码如下:*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, "宋体", Arial; list-style:none;} /...
web标准常见问题集合2
7. IE6下这两个层中间怎么有间隙 aaaaaa aaaaaa [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left margin-right:...
web标准常见问题集合3
10.web标准中定义id与class有什么区别吗 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]一.
web标准中是不容许重复ID的,比如 div id="aa" 不容许重复2次,而class 定...
用CSS打造 抽屉菜单
宜广宣传广告 #leftside{ float:left; background-color:#00468C;...
web标准常见问题集合4
13.为什么FF下面不能水平居中呢 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]FF下面设置容器的左右外补丁为auto就可以了14.为什么FF下文本无法撑开容器的高度 web标准常见问题大全web标准常见问题大...
web标准常见问题集合5
19.为什么这个背景颜色无法显示 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]IE中设置有背景色...
我的一些关于web标准的思考笔记（一）
我是从去年初开始学习web标准的，两年下来也有些心得。最近跳槽了正好闲在家里，写一些出来和大家交流一下。
1 对于web标准和W3C XHTML规范的理解
按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版里讨...
关于filter滤镜应用于图片的两种创意
（创意一：镜向模糊投影效果） [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]（创意二：DropShadow相框浮凸效果） [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...
Div+Css(+Js)菜单代码及制作工具
效果直逼flash的Div+Css+Js菜单 css菜单 body{ background-color:#B8B8A0; } #fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; pad...
2006.12.06更新 TopStyle剪辑库
添加了一套CSS选择符;添加并修正了一些js代码;修正了一些css代码属性描述;
10.26这次基本没更新什么东西，具体也懒得说了。
TopStyle专用，包含了布局、表单、js等常用代码，方便大家偷懒~呵呵，其实是为了加快开发速度。...
<font color=red>又一个典型css实例
复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"...