FDS’s Blog

2009年4月21日

A链接的样式属性全解

Filed under: HTML — 标签: — fangds @ 10:14

1、不同状态下的解释
link:连接平常的状态  
active:连接被按下的时候  
visited:连接被访问过之后  
hover:鼠标放到连接上的时候

2、a:hover和a:visited书写顺序的重要性
今天在用a:hover属性的时候发现一个奇怪的问题,同一个页面里面有些链接的a:hover效果不能正常表现出来。链接的代码是一样,没有使用其它样式固定,搞的我莫名其妙。还以为是某个标签没有关闭,但是页面比较长,检查起来又嫌累,但是想来想去找不到其它原因,索性把浏览器一关,做别的事情去了。
重新打开这个页面的时候,突然发现那个链接的a:hover效果又出来了。我想了一下,点了那个链接,然后回过头再点,果然又没了。连忙检查css文档,发现a:hover属性写在了visited之前,改写到之后,重试,ok!
以前看书的时候注意到css中关于链接表现的书写有提示说各属性顺序不能颠倒,一直没有注意,写的时候通常都很随意。现在看来不能这个顺序还是很重要的。
css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active

2008年9月28日

HTML <fieldset> 标签的应用

Filed under: HTML — 标签: — FDS @ 10:23

定义和用法

fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

在介绍一个和fieldset里面常使用的标签legend,它用来表示fieldset的标题。具体里请看以下示例。

提示:你可以先修改部分代码再运行。

2008年9月18日

HTML <noscript> 标签的作用

Filed under: HTML — 标签: — FDS @ 15:33

noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签可被用于可识别 <script> 元素用来定义在脚本未被执行时的替代内容(文本)。 标签但无法支持其中的脚本的浏览器。如果浏览器支持脚本,则不会显示noscript 标签的内容。
noscript标签使用示例:

提示:你可以先修改部分代码再运行。

2008年9月17日

HTML <base> 标签的应用

Filed under: HTML — 标签: — FDS @ 09:59

base 元素可规定页面中所有链接的基准 URL,也就是说,定义如何打开,没有定义打开方式的链接。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
例子:

提示:你可以先修改部分代码再运行。

Powered by WordPress