认识CSS

1、每个HTML元素都有一组样式，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体、字号和颜色，元素显示的位置等等。CSS就是一种先选择HTML元素，然后设定选中元素CSS属性的机制。CSS选择符和要应用的样式构成了一条CSS。

2、CSS是一门编程语言，既然是语言那么就一定有它的语法。CSS由两部分组成：选择符和声明两部分组成，其中选择符是指你所要改变样式的元素，声明是指你需要设置的样式部分。声明由两部分组成：属性和属性值。

 

重要说明：CSS和HTML中的符号都是英文状态下的符号

3、文档添加样式

内联样式：直接将样式定义到HTML元素中。这种作用范围有限，只影响它所在的标签，而且总是覆盖嵌入样式和外部样式。

4、内部样式：写在<style>标签。作用范围仅限于当前页面，内部样式覆盖样式，但也会被内联样式覆盖。

5、外部样式：写在单独CSS样式表中。外部样式的作用范围可以是整个页面。只要使用<link>标签把样式表到页面，相应页面就可以使用样式。

6、CSS选择器

   Id和class选择器

 Id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

7、class选择器

  class 选择器用于描述一组元素的样式，class 选择器有别于 id 选择器，class 可以在多个元素中使用。

class 选择器在 HTML 中以 class 属性表示, 在 CSS 中，类选择器以一个点"."号

8、权重

• 内联样式表的权值最高 1000
• ID 选择器的权值为 100
• Class 类选择器的权值为 10
• HTML 标签选择器的权值为 1

9、CSS 优先级法则：

•  A 选择器都有一个权值，权值越大越优先；
•  B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；
•  C 创作者的规则高于浏览者：即网页编写者设置的 CSS 样式的优先权高于浏览器所设置的样式；
•  D 继承的 CSS 样式不如后来指定的 CSS 样式；
•  E 在同一组属性设置中标有 "!important" 规则的优先级最大；

10、CSS 注释

注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。

CSS注释以 "/*" 开始, 以 "*/" 结束