发布于2007-12-13 02:02:44 |
详细内容( 86次阅读)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码---CSS仿<a href="http://com.chinabyte.com/taobao/" class="bluekey" target="_blank">淘宝</a>首页导航条按钮布局效果</title>
<style>
/*子鼠*/
body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;}
div,img{margin:0; padding:0; border:0;}
ul,li{list-style-type:...
more
发布于2007-12-13 02:02:45 |
详细内容( 56次阅读)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效观止|http://homepage.yesky.com/|---CSS制作的阴影链接文字</title>
</head>
<body>
<style>
ul,li{ margin:0px; padding:0px;list-style-type: none;}
http://homepage.yesky.com/nav{font-family: Verdana, "宋体", Arial;}
http://homepage.yesky.com/nav li{ float:left; margin-left:30px;}
http://h...
more
发布于2007-12-13 02:02:45 |
详细内容( 57次阅读)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title><a href="http://homepage.yesky.com/" class="bluekey" target="_blank">网页</a>特效代码|http://homepage.yesky.com/|---用CSS实现的一张图完成的导航条<...
more
发布于2007-12-13 02:02:45 |
详细内容( 86次阅读)
如果用传统的方法制作这个翻转菜单，至少需要把图片切成10块，还要加上JS代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图：
CSS代码:
...
more
发布于2007-12-13 02:02:46 |
详细内容( 96次阅读)
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。
下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。
设菜单有5个栏目:home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CSS可写成如下:
CSS源代码：
以下是引用片段： #home #nav li#m1 a, #about #nav li#m2 a, #products #nav li#m3 a, #services #nav li#m4 a...
more
发布于2007-12-13 02:02:47 |
详细内容( 43次阅读)
CSS样式里使用JavaScript(onmouseover/onmouseout)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> CSS样式里使用JavaScript(onmouseover/onmouseout)2</TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT="">
<style type="text/css">table{
background-c...
more
发布于2007-12-13 02:02:47 |
详细内容( 66次阅读)
实时切换CSS样式用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。
当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”，我们要做的，只是用某种方法让浏览器载入另一套CSS，重新渲染页面。方法有很多种，我就介绍最常见的三种。
方法一：什么也不干
啊？什么也不干？嗯，这个……准确地说是：就干那么一...
more
发布于2007-12-13 02:02:47 |
详细内容( 42次阅读)
在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪!
在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。
字体大小
CSS2规范根据长度??水平和垂直尺寸??来定义字体。这个长度为一个数值，前面可能带一个可选的加(+)或减(-)标记符。另外，该数值后可能有一个可选的单位标识符。
另外，CSS2规范定义了两个单位类型:绝对单位和相对单...
more
发布于2007-12-13 02:02:48 |
详细内容( 50次阅读)
认清CSS的类class和标识id选择符
在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。
在CSS中，类选择符在一个半角英文句点(.)之前，而id则在半角英文井号(#)之前。
看起来像这样:
#top { background-color: #ccc; padding: 1em }
.intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id�...
more
发布于2007-12-13 02:02:48 |
详细内容( 35次阅读)
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。
二.明确定义单位，除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。
三.区分大小写
当在XHTML中使用CSS，CSS里定义的元...
more
当前位置：
0条评论 
Rss Feed
