前面说过样式规则,也知道了样式规则语法形式为:选择器+声明块
如:div{ color:black;padding:10px; } div即表示选择器(此处是元素选择器),花括号中的内容就是声明块。
选择器用于指定样式规则可作用于HTML文档中的哪个或者哪些元素。常见的选择器类型有以下几种:
1、元素选择器(类型选择器):匹配选择器的网页上的任何HTML元素,不考虑这些元素在文档树中的位置。
如:p{ background:aqua; color:pink; } 匹配网页上的任何p元素,不考虑p元素在文档树中的位置
2、类选择器:被用于选择有某个class属性的任何HTML元素,语法形式:.类名{属性:值;}
<head>
<style type="text/css">
.hello{
width:100px;
height: 100px;
background: #eee;