您的位置：首页 > Web前端 > CSS

HTML—CSS样式表

2016-03-22 15:51 555 查看

<style>
*
{
margin:0px;
padding:0px;}
p
{
font-size:36px;
color:#90F;
background-color:#0F3;}
#qq
{
background-color:#00F;
font-size:50px;
color:#F00;}
#qq p
{
background-color:#00F;
font-size:80px;
color:#6F0;}

a:link
{
text-decoration:none;
color:#000;}
a:visited
{
text-decoration:none;
color:#000;}
a:hover
{
color:#F00;
text-decoration:underline;}
a:active
{
text-decoration:underline;
color:#C60;}
</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--<style type="text/css">
div,p
{
font-size:36px;
color:#90F;
background-color:#0F3;}

</style> -->
<link href="Untitled-3.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="qq">div<p>标签</p></div>
<span style="background-color:#CF3; color:#F00">span层标签</span>
<p>这是一个温暖的春天。</p><p>12345</p>
<a href="http://www.baidu.com">百度</a>

</body>
</html>

链接的style：

a:link 超链接被点前状态

a:visited 超链接点击后状态

a:hover 悬停在超链接时

a:active 点击超链接时

在定义这些状态时，有一个顺序l v h a

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航