• CSS实例:三列自由式布局 770-1024自适应宽度

    这个例子是最典型实用的上中下,并且中间分三列的css布局,有以下2个特点: 1. 中间三列效果,可以任意实现单列背景色。 2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。 最外层的wrapper把所有内容都嵌套在里边,...

    2008-02-23 08:43:37

  • CSS背景图片background-image须注意路径问题

    在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用。应用CSS网页布局,实现内容与表现、行为相分离,作为页面框架、装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义。 我们通常用link的方法...

    2008-02-23 08:43:36

  • 网页标准学习:利用CSS同比例缩小图片技巧

    当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上...

    2008-02-23 08:43:36

  • 小技巧:用CSS如何实现单行图片与文字垂直居中

    今天又在群中看到一些朋友问单行图片文字垂直居中问题了,于是写了这篇文章. 这个问题是在做页面中经常会遇到的问题,首行我们先看一下最基础的的吧! 以下选自(CSS权威指南) vertical-align 初始值: baseline(缺省值) 可否继承:否 适用于: 内联元素 说明:ver...

    2008-02-23 08:43:35

  • 简单学习网页制作技术之CSS高级语法知识

    选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h3,h4,h5,h6 {color: green} 继承及其问题 根据CSS,子元素从父...

    2008-02-23 08:43:34

  • 网页学习基础知识之认识了解CSS样式表

    需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML 如果你希望首先学习这些项目,请在本站访问相关教程。 CSS 概述 CSS指层叠样式表(Cascading Style Sheets),层叠的意思是:多重样式定义被层叠为一。 CSS是标准的布局语言,用来控...

    2008-02-23 08:43:32

  • DIV CSS网页布局中对段落进行排版的方法

    margin div css布局中段落使用p标签,对于段落的上下左右的空白(缩进)可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义,正常情况下,我们可以用一行来描述我们需要的样式。 例如:margin: 20px 8px 8px 20px; 此句分别表示了:margin-top;margin...

    2008-02-23 08:43:34

  • 网页标准研究:用CSS实现网页中鼠标交互的方法

    我们浏览网页的时候,经常会遇到一些交互的效果。例如容器在鼠标移上去的时候,会发生一些变化。这些效果,可以用多种方法来实现。现在我们要解决的是如何在CSS中写脚本实现交互效果。 CSS代码如下: .show { width:600px; height:58px; margin:50px auto 0 auto; line...

    2008-02-23 08:43:31

  • 在网页XHTML文件中引入CSS样式五种方式

    XHTML文件是通过CSS样式进行显示的控制的,也就是结合XHTML与CSS来表现页面内容。那么到底有哪些方式在XHTML文件中引入CSS样式呢? 一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里,元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如...

    2008-02-23 08:43:33

  • DIV CSS网页布局实例:自定义标签布局页面

    我们可以自定义标记来布局页面。 有的朋友可能有这样的疑问,自己随便定义的标记浏览器怎么能正确的认识呢? 这里我们就要用到文档的命名空间,那么命名空间又是指什么? 大家知道XML有一个很大的特点就是他的可扩展性。你可以创建你自己的标记或使用别人创建的标记,...

    2008-02-23 08:43:29

2