CSS被标签链接方式?

来源:百度知道 编辑:UC知道 时间:2024/05/28 17:42:50
在CSS里面有
#test {}
.test {}
还有#test .test{}
在者
hr {} 为水平线
那么我要给每条水平线使用不同的样式该怎样命名?

这些命名有什么区别?

你可以参考这个例子:

在 CSS 中加入 hr.mystyle1{width:100px}(即定义使用“mystyle1”类的“<hr />”宽度为 100 像素),然后在调用处使用 <hr class="mystyle1"/> 即可。

至于为什么这样命名,以及它和普通的区别:

人家就这么规定的,呵呵。

装饰超链接

网页默认的链接方式是这样的:未访问过的链接是蓝色文字并带蓝色的下划线,访问过的超级链接是深紫色的文字并带深紫色的下划线。如果您所有的网页都是这种样式,是不是很单调呢?

其实,利用文本属性中的Text-decoration属性就可以实现对超链接的修饰。我们先看下面的这段代码:

<html>

<title>link css</title>

<head>

<style>

<!--

//*定义伪类元素(a:),大括号内定义了前景色属性和文本装饰属性,

hover加上‘font-size’属性目的是让鼠标激活链接时改变字体*//

a:link{color:green;text-decoration:none}

//*未访问时的状态,颜色为绿色(green),文本装饰属性(text-decoration)值为没有(none)*//

a:visited{color:red;text-decoration:none}

//*访问过的状态,颜色为红色(red),文本装饰属性值为没有*//

a:hover{color:blue;text-decoration:overline;font-size:20pt}

//*鼠标激活的状态,颜色为蓝色(blue), 文本装饰属性值为上划(overline),
字串4

字体大小为20pt*//

--