引入CSS

93 阅读1分钟

css(Cascading Style Sheet )概念

Css级联样式表,也叫层叠样式表,简称样式表,实现了将内容与表现分离

内容:HTML

表现:css

CSS的优势:

1.内容与表现分离;

2.网页的表现统一,容易修改;

3.丰富的样式,使得页面布局更加灵活;

4.减少网页的代码量,增加网页的浏览速度,节省网络带宽;

5.运用独立于页面的CSS,有利于网页被搜索引擎收录。

CSS引入样式

行内样式

使用style属性引入CSS样式

<p style="font-size:14px; color:green;">直接在HTML标签中设置的样式</p>

<h1 style="color:red;">style属性的应用</h1>

内部样式

直接在head头部中 title 标题下 写 style 标签

<style>

a{

font-size: 30px;

color:black;

}

</style>

外部样式

创建css文件,然后在html文件中引入css文件

link 标签 ===》引入css文件

属性:

rel : 告诉浏览器是什么样式文件

href : 引入css文件地址

type : 告诉浏览器是什么类型的文件

例:

<link rel="stylesheet" href="./index02.css" type="text/css">

三种样式优先级

行内样式>内部样式表>外部样式表(就近原则)