搜索列表
-
用CSS实现文字变图象特效
【CSS/HTML】 一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现,但那要增加一段javascript程序,明显增加了不少代码。而用CSS来制作这种效果,增加的代码却要少...
|用C|CS|SS|S实|实现|现文|文字|字变|变图|图象|象特|特效|效| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性,可以很好的实现以前需要用图片才能实现的界面,而且实现起来比也很方便。例如,当需要用户输入某些信息,我们常常会用到:标题栏-内容-确定按钮 这种结构,下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是: 标题栏图片有向上的偏移量。利用样式:top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
引入CSS样式的五种方式
【CSS/HTML】一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则...
|引入|入C|CS|SS|S样|样式|式的|的五|五种|种方|方式|式| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。 结构代码,top left right foot 四个模块全部独立、互不嵌套。 <div id="top">head</div> <div id="left"> <div id="left_module">left</div></div> <div id="right"> <div id="right_module">right</div></d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局| -
用CSS构建iframe效果
【CSS/HTML】iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面。 2,要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用CSS布局来实现,即可以少一个页面,也可以提高效率。 第二种需求可以采用xmlhttp远程获取。A. 直接模拟ifram...
|用C|CS|SS|S构|构建|建i|if|fr|ra|am|me|e效|效果|果| -
认识CSS中absolute与relative
【CSS/HTML】很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。 Absolute,CS...
|认识|识C|CS|SS|S中|中a|ab|bs|so|ol|lu|ut|te|e与|与r|re|el|la|at|ti|iv|ve|e| -
单纯使用CSS实现动态提示信息
【CSS/HTML】也许已经有人发现可以这样写... CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none } a.info:hover { z-index:1; background-color:#ff0 } a....
单纯使用CSS实现动态提示信息 -
用DIV+CSS如何实现这种表格效果
【CSS/HTML】表格效果table [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul...
用DIV+CSS如何实现这种表格效果 -
标准化——表格
【CSS/HTML】对于那些刚接触CSS布局的人来说,常对如何使用表格(table)感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是,表格是可以用的而且非常好用——只要用的正确。 是的,你得尽量的去避免用表格来布局。但是对于表格型数据,你就应该使用table。我想谈谈如何使用表格来组织表...
标准化——表格 -
让comment标记在各浏览器都能通用
【CSS/HTML】在IE下,位于该标记下的代码是不会显示在页面中,这对于用来隐藏一些HTML代码非常有用。 但在非IE浏览器下,该标记的无效;可分别在IE和FF下测试一下下面这段代码,就知道效果了。 复制代码 代码如下:<comment id="CnLei"> 测试:隐藏内容 </comment> <script type...
让comment标记在各浏览器都能通用 -
表格边框的css语法
【CSS/HTML】我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框...
表格边框的css语法 -
学习Xhtml+CSS2的一些心得体会
【CSS/HTML】自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的学习体会。 为什么要学Xhtml+CSS2 首先,规范的代码能在各...
学习Xhtml+CSS2的一些心得体会