<!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>