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

样式表（课堂代码）

2016-03-22 16:52 525 查看

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--<style type="text/css">
p,div
{font-size:36px;必须写px
color:#36F;
background-color:#3C3}
</style> -->

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

<body>
<div class="qq">div层标签，<p>默认占用一行</p></div>
<span style="background-color:#66F">span层标签，默认多少占用多少</span><br />
<p class="qq">今天天气很不错</p><p id="qq">1231312</p>
<a href="http://360.com" target="new">360网站</a>
<a href="http://www.baidu.com" target="new">百度</a>
<a href="http://www.tianmao.com" target="new">天猫</a>
</body>

新建相关CSS：

@charset "utf-8";
/* CSS Document */
<style>
*
{margin:0px;/*边距*/
padding:0px;}/*间距*/
.qq
{
color:#00F;
background-color:#0FF;
}
.qq p
{
color:#63F;
background-color:#3C6;
}

#qq{
color:#C93;
background-color:#66F;
text-decoration:none;
}
a:link
{
color:#000;
text-decoration:none;}
a:visited
{
color:#F0F;
text-decoration:none;}
31 a:hover{
color:#F00;
text-decoration:underline;}
a:active{
color:#6F0;
text-decoration:underline;}
</style>

效果为：

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

标签：

相关文章推荐

新的分享

章节导航