黑马css3学习笔记

1.1css的介绍

1. css:层叠样式表(cascading style sheets)
2. css的作用是：给页面中的html标签设置样式

1.2css引入方式

1. 内嵌式：css写在style标签中
2. 外联式：css写在一个单独的.css文件中
3. 行内式：css写在标签的style属性中

1.3基础选择器

选择器{
}
作用：找到目标HTML标签给它添加样式

1. 标签选择器

• 1.1结构：标签名{ css属性名：属性值; }
• 1.2作用：该页面的所有该标签样式改变

2. 类选择器

• 2.1结构：.类名{ css属性名：属性值; }

• 2.2注意点:

   				2.2.1：所有的标签都有class属性，class属性的属性值称为类名；
   				2.2.2：类名不能以数字或者中划线开头；
   				2.2.3：一个标签可以同时有多个类名，类名之间以空格隔开；
   				2.2.4：一个类选择器可以同时选中多个标签；
  

3. id选择器

• 3.1结构：#id属性值{ css属性名：属性值; }

• 3.2注意点:

   				3.2.1：所有的标签都有id属性；
   				3.2.2：一个页面中id是唯一的，不可重复；
   				3.2.3：一个标签上只能有一个id属性；
  

4. 通配符选择器

• 4.1结构：*{ css属性名：属性值; }

• 4.2作用：找到页面的所有的标签，设置样式

• 4.3注意点:

   				4.3.1：开发中极少使用，只有特殊情况下才会使用；
   				4.3.2：例如除去标签默认的margin和padding