CSS被标签链接方式?
来源:百度知道 编辑:UC知道 时间:2024/05/28 17:42:50
#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*//
--