HTML/CSS技术

第8天:CSS布局入门
HTML/CSS技术

第8天:CSS布局入门

阅读(44) 作者(admin)

CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距...

第9天:第一个CSS布局实例
HTML/CSS技术

第9天:第一个CSS布局实例

阅读(42) 作者(admin)

接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,...

HTML/CSS技术

第10天:自适应高度

阅读(52) 作者(admin)

如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全...

HTML/CSS技术

第11天:不用表格的菜单

阅读(43) 作者(admin)

布局初步搭建起来,我开始填充里面的内容。首先是定义logo图片:样式表:#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}页面代码:<div id="logo"><a title="网页设计师" href="http://www.w3cn.org/" ><img he...

第12天:校验及常见错误
HTML/CSS技术

第12天:校验及常见错误

阅读(37) 作者(admin)

辛苦了好多天,我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。...

HTML/CSS技术

CSS兼容要点分析

阅读(42) 作者(admin)

IE vs FF

CSS 兼容要点:

DOCTYPE 影响 CSS 处理

FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-...

HTML/CSS技术

css静态滤镜 + A:Hover

阅读(38) 作者(admin)

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/CSS技术

滚动条效果

阅读(42) 作者(admin)

无标题文档 html,BODY { SCROLLBAR-FACE-COLOR: #c6e352; SCROLLBAR-HIGHLIGHT-COLOR: #f3f3f3; SCROLLBAR-SHADOW-COLOR: #e3ecf1; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #c6e352;...

HTML/CSS技术

层自动适应高度

阅读(44) 作者(admin)

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 } /*...

HTML/CSS技术

会移动的文字(Marquee)

阅读(49) 作者(admin)

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。      格式:      <MARQUEE ALIGN="…"      BEHAVIOR="…"      BGCOLOR="…"      DIRECTION="…" ...

&lt;font color=green&gt;解读absolute与relative
HTML/CSS技术

&lt;font color=green&gt;解读absolute与relative

阅读(46) 作者(admin)

作者小毅的博客:http://andymao.com/

很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方...

怎样管理好样式
HTML/CSS技术

怎样管理好样式

阅读(45) 作者(admin)

学习WEB标准的朋友一般都是从学习CSS开始,为什么呢?因为CSS是一种很有意思的语言,它能让我们的网页千变万化。也许我们一开始的接触只是因为链接的样式修改,然后慢慢发现CSS的强大而又简单,于是我们用它来控制整个网页的布...

HTML/CSS技术

web标准常见问题集合第1/2页

阅读(34) 作者(admin)

列举了一些常见,新手经常问的问题。举例并说明解决方法。1.超链接访问过后hover样式就不出现的问题 web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准...

HTML/CSS技术

DIV+CSS 简单的导航条

阅读(40) 作者(admin)

很简单的导航条,放在这里已方便以后用到;ie7/ie7/Firefox都测试过了;没有问题; 复制代码 代码如下:*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, "宋体", Arial; list-style:none;} /...

HTML/CSS技术

web标准常见问题集合2

阅读(39) 作者(admin)

7. IE6下这两个层中间怎么有间隙 aaaaaa aaaaaa [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这个IE的3PX BUG也是经常出现的,解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left margin-right:...

HTML/CSS技术

web标准常见问题集合3

阅读(47) 作者(admin)

10.web标准中定义id与class有什么区别吗 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]一.

web标准中是不容许重复ID的,比如 div id="aa" 不容许重复2次,而class 定...

HTML/CSS技术

web标准常见问题集合4

阅读(44) 作者(admin)

13.为什么FF下面不能水平居中呢 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]FF下面设置容器的左右外补丁为auto就可以了14.为什么FF下文本无法撑开容器的高度 web标准常见问题大全web标准常见问题大...

HTML/CSS技术

web标准常见问题集合5

阅读(52) 作者(admin)

19.为什么这个背景颜色无法显示 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 web标准常见问题大全 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]IE中设置有背景色...

HTML/CSS技术

我的一些关于web标准的思考笔记(一)

阅读(41) 作者(admin)

我是从去年初开始学习web标准的,两年下来也有些心得。最近跳槽了正好闲在家里,写一些出来和大家交流一下。

1 对于web标准和W3C XHTML规范的理解

按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨...

HTML/CSS技术

关于filter滤镜应用于图片的两种创意

阅读(43) 作者(admin)

(创意一:镜向模糊投影效果) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行](创意二:DropShadow相框浮凸效果) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

Div+Css(+Js)菜单代码及制作工具
HTML/CSS技术

Div+Css(+Js)菜单代码及制作工具

阅读(51) 作者(admin)

效果直逼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剪辑库
HTML/CSS技术

2006.12.06更新 TopStyle剪辑库

阅读(45) 作者(admin)

添加了一套CSS选择符;添加并修正了一些js代码;修正了一些css代码属性描述;

10.26这次基本没更新什么东西,具体也懒得说了。

TopStyle专用,包含了布局、表单、js等常用代码,方便大家偷懒~呵呵,其实是为了加快开发速度。...

&lt;font color=red&gt;又一个典型css实例
HTML/CSS技术

&lt;font color=red&gt;又一个典型css实例

阅读(44) 作者(admin)

复制代码 代码如下:<!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"...