html

最新推荐文章于 2024-07-22 11:03:23 发布

w617280955

最新推荐文章于 2024-07-22 11:03:23 发布

阅读量377

点赞数

文章标签： css 浏览器 input html 文档 class

fieldset： http://www.w3school.com.cn/tags/tag_fieldset.asp

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题

<html>

<body>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>

span：http://www.w3school.com.cn/tags/tag_span.asp

提示：请使用 <span> 来组合行内元素，以便通过样式来格式化它们。

注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

CSS :hover 伪类

:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。

说明

这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，不过 CSS 没有定义究竟是哪些元素。

激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接，它们会在支持 CSS 的浏览器中以不同的方式显示出来：

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */

注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！

注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！

注释：Pseudo-class（伪类）的名称对大小写不敏感。

注释：伪类可与 CSS 类配合使用：

a.red:visited {color: #FF0000;}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果上面这个例子中的链接已访问过，那么它会显示为红色。

实例

规定链接的颜色：

a:link {color: #FF0000}     /* 未访问的链接 */
a:visited {color: #00FF00}  /* 已访问的链接 */
a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */

TIY （在页面底部可以找到更多实例）

TIY 实例

超链接

本例演示如何向文档中的超链接添加不同的颜色。

超链接 2

本例演示如何向超链接添加其他样式。

w617280955

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html

fieldset：http://www.w3school.com.cn/tags/tag_fieldset.asp fieldset 元素可将表单内的相关元素分组。标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。标签没有必需的或唯一的属性。
复制链接

扫一扫