发布于2007-12-13 02:03:14 |
详细内容( 48次阅读)
这是一个完全用CSS实现的中英文双语导航菜单，无脚本和图片，初始时，菜单语言是英文，当鼠标悬停在菜单上时，其变成中文，当然你也可以反过来做。
实现原理： XHTML<ul id="nav"> <li><a class="bi" href="index.html">Home<span>首 页</span></a></li> </ul>
从上面代码可以看出，中文放在 span 标签里，关键是需要在初始时，使其的属性不可见。
CSS.bi{position: relative;z-index: 0;...
more
发布于2007-12-13 02:03:15 |
详细内容( 62次阅读)
CSS 按钮的效率远比基本图像的按钮的效率高得多，因为它们全部都是基于文本的。所有要用 XHTML 标记只是一个无序列表??CSS 样式负责其余部分。而且，你不需要任何 JavaScript 来交换图像以实现翻卷效果，因为 CSS 伪类（pseudoclass）能够让你为链接的每个状态（链接<link>、已访问<visited>、悬停<hover>、激活<active>）建立独立的样式。 纯 CSS 按钮唯一的问题是它们看上去相当单调，只有固定的颜色背景和一个简单的边界。一个解决方法是使用混合技术向 CSS 样式的文本按钮加入一个背景图像，从而使其�...
more
发布于2007-12-13 02:03:15 |
详细内容( 49次阅读)
我最近的几篇专栏文章讨论了使用 XHTML 和 CSS 实现两列或三列页面布局的各个方面。到目前为止，所有例子都使用流式布局（也就是布局会自动扩展和适应浏览器窗口的宽度）。现在是时候考虑另外一种主要的页面布局方法了，这种布局方法是固定宽度布局。
很多 Web 构建人员倾向于使用固定宽度的布局进行页面设计，因为它们能生成精确且可预知的结果。这种方法与打印布局非常接近，对于设计人员和访问者来说都是一个很重要的舒适因素；另外，对于包含很多大图片和其它元素的内容，由于它们在流式布局中不能很好地表现，因此固定宽�...
more
发布于2007-12-13 02:03:16 |
详细内容( 73次阅读)
<div style="width:150px;height:50px;overflow:hidden;">
<table cellspacing="0" cellpadding="0">
<tr>
<td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td>
</tr>
<tr>
<td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td>
</tr>
<tr>
<td>网页陶吧网页陶吧网�...
more
发布于2007-12-13 02:03:16 |
详细内容( 59次阅读)
<!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=utf-8" />
<title>TAO BAO TEST 2</title>
<style>
/* www.zishu.cn 子鼠*/
body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;}
div,img{mar...
more
发布于2007-12-13 02:03:16 |
详细内容( 160次阅读)
第一步:建立菜单
首先建立菜单架构非常重要,最好的方法是使用ul来建立各菜单内容的从主关系.很复杂么?其实只要一路写下去就OK了:...
more
发布于2007-12-13 02:03:17 |
详细内容( 46次阅读)
CSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。
什么时候应该用DIV?
虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV:<div id="header">这里就是头部框架里要写的内容</div>
当然,可以用class来定义,但一般来讲如不是在同一页面会重复的元素,用i...
more
发布于2007-12-13 02:03:18 |
详细内容( 75次阅读)
当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。
正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网页制作者的规则会凌驾于读者的其它相同权重的规则。而网页制作者和读者的样式表都超越浏览器的内置样式表。
网页制作者应该小心地使用! important 规则，因为它们会超越用户任何的! important 规则。例如，一个用户由于视觉关系，会要求大字体或指定的颜色，而且这样的用户会有可�...
more
发布于2007-12-13 02:03:18 |
详细内容( 62次阅读)
HTML selector
HTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如你用 CSS 定义了它们, 在整页中, 这个 Tag 的性质就按照你的定义来显示了. HTML selector 的语法如下
tag {property:value}比如我们想叫 H1 的颜色是红的H1 {color: red}这里还要告诉你 CSS 的一个特点, 它可定义好几个 selector 在一个 rule 里. 比如 H1, H2, TD {color: red}这个定义就能让所有的 H1, H2, 和 TD 的颜色都为红色.
Class selector
Class selector 有两种, 一种叫相关 class selector, ...
more
发布于2007-12-13 02:03:18 |
详细内容( 47次阅读)
一、使用STYLE属性
将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签
将样式规则写在<STYLE>...</STYLE>标签之中。 <STYLE TYPE="text/css"><!--样式规则表--> </ST...
more
当前位置：
0条评论 
Rss Feed
