|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
为了对网页格局的界说更加准确,有需要让不异的选择符也能分类,并能依照分歧的种别来举行分歧的款式计划。基础格局以下:
选择符.种别名{属性:值}
种别名将能够在HTML的标识符里援用:
<标识符class=种别名>网页内容
实例:
<html>
<head>
<title>CSS例子</title>
<styletype="text/css">
<!--
p.English{font-family:"CourierNew"}
p.Chinese{font-family:幼圆}
-->
</style>
</head>
<body>
<pid=English>webjx.com</p>
<pid=Chinese>网页教授教养网</p>
</body>
</html>
ID
ID,就是给HTML文挡中的款式发“身份证”,包管其在一个HTML文挡中具有独一可用的值,这类独一性也给javascript等剧本言语的利用带来了便利。
ID的用法和Class差未几,只是界说的时分用#号开首而不是点号。
实例:
<html>
<head>
<title>CSS例子</title>
<styletype="text/css">
<!--
#English{font-family:"CourierNew"}
#Chinese{font-family:幼圆}
-->
</style>
</head>
<body>
<h1id=English>webjx.com</h1>
<h2id=Chinese>网页教授教养网</h2>
</body>
</html>
伪类
除上述的分类体例外,为了使分类的利用更天真多样,又发生了伪类的观点。类和伪类有甚么样的区分呢?
一样平常地说,选择符能够和多个类接纳绑缚的情势来设定,如许固然可以为统一个选择符创立多种分歧的款式,但绑缚的情势同时也限定了设定的类为别的的选择符所利用。伪类的发生就是为懂得决这个成绩,每一个预声明的伪类都能够被一切的HTML标识符援用,固然有些块级内容的设置除外。
这里仅以伪类中最多见的锚伪类为例,锚伪类能够指定a元素以分歧的体例显现链接(link),当鼠标碰着时的链接、已会见过的链接和正被激活的链接,一个已会见的链接能够界说为分歧色彩的显现、字体巨细微风格。
基础格局以下:
.伪类名{属性:值}
伪类能够被任何标识符在HTML里援用。
<标识符class=伪类名>网页内容
实例:
<html>
<head>
<title>CSS例子</title>
<styletype="text/css">
<!--
a:hover{font-size:18pt}/*当鼠标碰着时的链接*/
-->
</style>
</head>
<body>
<ahref="#">webjx.com</h1>
</body>
</html>
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。 |
|