1.什么是CSS?
样式表定义如何显示 HTML 元素,就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观
2.CSS规则
CSS声明总是以分号 ; 结束,声明总以大括号 { } 括起来,例如:
p {
color: red;
text-align: center;
}
3.CSS选择器
如果你要在 html 标签中设置 CSS 样式,那么你有四种方法,即 css 选择器有四种。
- 直接在标签内部写css代码。如:<h3 style="color: red;">HMF的博客</h3>
- 使用 id 选择器。如:#para1 { text-align: center; color: red; }
- 使用 class 选择器。如:.center { text-align: center; }
- 使用标签选择器(元素选择器),即以 html 标签作为 css 修饰所用的选择器。如:h1 { color: red; }
这四种 css 选择器有修饰上的优先级,即:第一种 > id 选择器 > class 选择器 > 标签选择器(元素选择器)
id 选择器与 class 选择器的区别:
id 选择器:可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
class 选择器:用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号来定义。