CSS 知识整理(一) 基本介绍和CSS导入方式

CSS知识整理(一) 基本介绍和CSS导入方式

目录

CSS知识整理(一) 基本介绍和CSS导入方式

一、基本介绍

二、导入方式

1. 行内样式

2. 内部样式

3. 外部样式

---

一、基本介绍

CSS全称为Cascading Style Sheets，层叠样式表，用来对html进行渲染，让html骨架网页变得具有一定的样式，简单来说，就是让网页变得好看。

CSS的优势：

• 实现内容和表现分离（内容就是html,表现就是CSS）
• 网页结构表现统一，可以实现复用
• 样式丰富

CSS的基本结构为：

标签选择器{
      声明1;
      声明2;
      声明3;
}

标签选择器{}

二、导入方式

css可以单独拿出来作为一个.css文件，也可以直接在html中进行添加，行内样式和内部样式就是在html中直接书写css代码，外部样式是单独编写.css文件，然后再html文件中进行导入

1. 行内样式

    
    


我是一级标题

效果如下：

2. 内部样式

    
    
    
    


我是二级标题

效果如下：

3. 外部样式

首先我们准备一个style.css文件

/*外部样式*/
h3{
    color: blue;
}

• 链接式

    
    
    
    


我是三级标题

 

• 导入式

    
    
    


我是三级标题

上面的效果均如下:

需要注意的是：对于同一个标签，其css样式的优先级遵守就近原则，也就是：行内>(内部or外部:取决于那个代码距离选择对象比较近)

---

文章内容根据遇见狂神说CSS部分自学整理，在此感谢该博主，b站链接点这。