• 使用图片和CSS结合制作动画按钮

    很多时候大家可以看到FLASH里面的按钮可以是动画的,而大部分HTML作出来的按钮都是单帧切换的.其实做成动画也是可行的. 先看看下面的预览图片 鼠标移动上去,鼠标点击,鼠标移开 下面是实际效果,亲自体验一下 a{display:block;height:31px;width:88px;background-image:u...

    2008-02-23 08:37:05

  • 网页制作——CSS的常用技巧放送

    CSS的常用技巧放送(一) 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100...

    2008-02-23 08:37:07

  • 导航上用CSS标志当前页效果的实现

    当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不 同,用以给浏览者一个明显的指示。 下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何 实现当前页。 设菜单有5个栏目:home、about、products、services、...

    2008-02-23 08:37:06

  • 轻松学DIV教程(div+css布局)

    你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构...

    2008-02-23 08:37:03

  • CSS样式表:详细介绍IE7新支持的选择器

    现在IE7已经推出一段时间并且渗透到用户当中,不用等太久我们就可以在页面上使用更高级的CSS。两个最有用的项目将是 Child子和Adjacent Sibling相邻兄弟选择符。现在已是时候使用它们制作网页,并且更深入研究它们。 注意,选择器包括现行的符号,“”,“ ”和空格(后...

    2008-02-23 08:37:01

  • XHTML CSS布局之XHTML应用小结

    统来说,“标准网页”的文件组织就是XHTML CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。 常用于布局的XHTML一般有: DIV: 主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时...

    2008-02-23 08:37:02

  • css布局定位系列:相对定位

    英文原文:http://brainjar.com/css/positioning/default.asp 翻译:零度,转载请注明本文英文原文出处以及本文地址!由于我英文水平有限,有不懂的地方还请阅读原文,欢迎交流! 相对定位 当一个元素被指明为{position:relative;}的时候,它开始是遵守正常流规则的(也就是...

    2008-02-23 08:37:00

  • 资源分享:学习CSS的相关资源网站

    Creating a graph Russ Weakley - Creating a graph using percentage background images CSS FOR BAR GRAPHS Basic CSS Bar Graph, Complex CSS Bar Graph, Vertical CSS Bar Graph Super simple CSS bars Tobias Lütke Dynamic Pie Chart with CSS This is an examp...

    2008-02-23 08:37:00

  • 完全CSS写的鼠标悬停tip效果

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=GB2312" / meta name="Author" content...

    2008-02-23 08:36:56

  • CSS常见技巧及问题处理

    1.解决背景不能延伸的问题 div id="content"div id="main" div id="maincol"/div div id="xcol"/div/divdiv id="subcol"/div/div style type="text/css" !-- #content{width:700px; background:url(img/bg.png)repeat-y;}#subcol {float:left; width:200px;}#main {wid...

    2008-02-23 08:36:56

2