CSS3学习笔记（1）

1.什么是CSS?

样式表定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观

 

2.CSS规则

CSS声明总是以分号 ; 结束，声明总以大括号 { } 括起来，例如：

p {
    color: red;
    text-align: center;
}

 

3.CSS选择器

如果你要在 html 标签中设置 CSS 样式，那么你有四种方法，即 css 选择器有四种。

1. 直接在标签内部写css代码。如：<h3 style="color: red;">HMF的博客</h3>
2. 使用 id 选择器。如：#para1 { text-align: center;  color: red; }
3. 使用 class 选择器。如：.center { text-align: center; }
4. 使用标签选择器（元素选择器），即以 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 中，类选择器以一个点"."号来定义。