CSS学习笔记2:选择器
标签选择器 1、选择要给样式的目标标签,所以叫做 标签选择器 ,也叫 元素选择器 。 2、给所有相同标签,给相同样式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS注释</title> <style type="text/css"> /*标签选择器:标签作为选择器*/ p{ color: red; } div{ color: purple; } </style> </head> <body> <p>李大嘴</p> <p>佟掌柜</p> <p>白展堂</p> <div>鸣人</div> <div>佐助</div> </body> </html> 类选择器 1、html声明,CSS调用 2、格式: .类名{属性:值;属性:值} 3、类名尽量不使用下划线(用中横线代替),纯数字,中文,具体见命名规范。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS注释</title> <style type="text/css"> /*标签选择器:标签作为选择器*/ p{ color: red; } div{ color: purple; } /*类选择器:html声明,CSS调用*/