1、标记选择器
声明哪些标记采用哪种CSS样式。因此,每一种HTML标记的名称都可以作为相应的标记选择器的名称。例:
- <style>
- h1{
- color:red;
- font-size:25px;
- }
- </style>
2、类别选择器 class selector
class selector的名称可以由用户自定义。例:
- <style type="text/css">
- .red{
- color:red;
- font-size:18px;
- }
- </style>
- <body>
- <p class="red">.......</p>
- </body>
在HTML的标记中,还可以同时给一个标记运用多个class选择器,从而将两个类别的样式风格同时运用在一个标记中。
- <h4 class="blue big">两种class,同时blue和big</h4>
3、ID选择器
ID和CLASS的使用方法基本相同,不同的是ID选择器只能在HTML页面中使用一次,因此其针对性更强。
- <html>
- <head>
- <style type="text/css">
- #bold{
- font-weight:bold;
- }
- </style>
- </head>
- <body>
- <p id="blod">ID选择器</p>
- </body>
- </html>
将ID选择器用于多个标记是错误的,因为每个标记定义的id不只是CSS可以调用,javascript等其他脚本语言同样可以调用。如函数getElementById()会出错。
id selector不支持像class selector那样的多风格同时使用,类似id="bold green"是完全错误的语法