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

html style样式引用

2017-01-17 16:51 330 查看 
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h3 {
color: #00b58a;
}

p.code {
color: cadetblue;
}

#code {
color: yellowgreen;
}

#divId a{
color:blueviolet;
}
h2, h1 {
color: red;
}

p a {
color: orange;
}

</style>
<link href="../../css/base_css.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!--直接使用style里定义的-->
<h3>css是用来装修标签的</h3>

<!--在标签内定义样式-->
<h2 style="font-size: 22px;color: #221199;text-align: center">css是用来装修标签的</h2>

<!--引用外部样式-->
<p>引用样式</p>

<!--使用类选择符-->
<p class="code">类选择符 p.code</p>

<!--使用id选择符-->
<p id="code">id选择符 #</p>

<!--设置类选择器中某个标签的样式-->
<div id="divId">
<a>百度</a>
<a>腾讯</a>
</div>

<!--两个标签共用一个风格-->
<h2>h1 h2 做成一种风格</h2>
<h1>h1 h2 做成一种风格</h1>

<!--设置标签内的样式-->
<p>
<a>设置段落里a的样式</a>
</p>

</body>
</html>


引用的外部style

@charset "utf-8";
p {
color: brown;
font-size: 20px;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html
相关文章推荐
新的分享
章节导航