CSS入门学习笔记

一：什么是CSS

CSS：Cascading Style Sheet 层叠样式表

二：CSS的作用

页面外观美化

布局和定位

三：基本语法

• 选择器：要修饰的对象（东西）
• 属性名：修饰对象的哪一个属性（样式）
• 属性值：样式的取值

四：选择器 

1：基础选择器

基础选择器分为标签选择器、类选择器、ID选择器。

标签选择器

        也称为元素选择器，使用HTML标签作为选择器的名称

类选择器

        使用自定义的名称，以 . 号作为前缀，然后再通过HTML标签的class属性调用类选择器

以标签的class属性作为样式应用的依据

ID选择器

        使用自定义名称，以 # 作为前缀，然后通过HTML标签的id属性进行名称匹配

以标签的id属性作为样式应用的依据，一对一的关系。

2：选择器优先级

优先级：行内样式>ID选择器>类选择器>标签选择器

首先加载标签选择器,再加载类选择器，然后加载ID选择器，最后加载行内样式

后加载会覆盖先加载的同名样式

五：常用的CSS属性

1：字体属性：设置和字体相关的样式

        

font-size取值： 

• px像素
• %百分比，相对父标签字体大小的百分比
• em倍数，相对于父标签字体大小的倍数

font-weight取值： 

• normal普通（默认）
• bold粗体
• 自定义400 normal 700 bold