<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--内部样式 写在head中-->
<style type="text/css">
/*标签选择器 网页中所有的div标签都会具有样式
div{
color: pink; 声明 ：需要设置的样式
background-color: green;最后一条声明的;可以省略 建议写上
}*/
/*类选择器 在一个页面中可以有N个 .class对应的属性值可以重复
.word{
color: pink;
}*/
/*ID选择器 在一个页面中只能有1个 #id对应的属性值不能重复 */
#s{
color: pink;
}
</style>
</head>
<body>
<!-- 标签选择器-->
<div>这是一个div 块元素 1 自动换行</div>
<div>这是一个div 块元素 2 自动换行</div>
<span>span 内联元素 不会换行</span>
<!-- 类选择器-->
<div class="word">类选择器</div>
<div class="word">类选择器</div>
<span class="word">类选择器</span>
<!-- ID选择器-->
<div id="s">ID选择器</div>
<div>ID选择器</div>
<span>ID选择器</span>
</body>
</html>
