id选择器
id选择器可以标有特点id的HTML元素指定特定的样式,HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> <style type="text/css"> #center{ text-align:center; } </style> </head> <body>< p id="center">这是一个段落</p> <p>第二段</p> </body> </html>
Class选择器
Class选择器用于描述一组元素的样式,class选择器有别于id选择器,class可以在多个元素中使用,class选择器在HTML中以class属性表示,在CSS中,类选择器以一个点“.” 号表示。
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> <style type="text/css"> .center{ text-align:center; } </style> </head> <body> <p class="center">这是一个段落</p> <p class="center">第二段</p> </body> </html>
也可以在指定特定的HTML元素使用class。
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>118qq.top</title> <style type="text/css"> p.center{ text-align:center; } </style> </head> <body> <h1 class="center">这是一个标题</h1> <p class="center">这是一个段落</p> </body> </html>
提示:类名的第一个字符不能使用数字!它在部分浏览器中不起作用