一、CSS的概念
层叠样式表(英文全称:Cascading Style Sheets),层叠:多个样式可以作用在同一个HTML元素上,同时生效
这是一种用来表现HTML或XML(标准通用标记语言的一个子集) 等文件样式的计算机语言。
- 样式定义如何显示HTML元素
- 样式通常储存在样式表中
- 把样式添加到HTML4.0中,是为了解决内容与表现分离的问题
- 外部样式表可以极大提高工作效率
- 外部样式表通常储存在CSS文件中
- 多个样式定义可层叠为一个
二、CSS的优势
- 功能强大
- 将内容展示和样式控制分离
- 降低耦合度
- 让分工协作更容易
- 提高开发效率
三、CSS的使用:CSS与HTML结合使用
根据定义CSS的位置不同,分为行内样式、内部样式和外部样式
3.1行内样式
也称为内联样式
直接在标签中编写样式,通过使用标签内部的style属性
一般在测试的时候使用居多
语法:
<html标签 style="样式1::值1;">hello</html标签>
弊端:只能对当前的标签生效,没有做到内容和样式相分离,耦合度太高。
3.2内部样式
定义在head标签内,通过style标签,该标签内容就是CSS代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
h1{
color:red;
}
</style>
</head>
<body>
<h1>hello</h1>
</body>
</html>
3.3外部样式
1、提前定义CSS资源文件
2、在head标签内,定义link标签引入外部样式文件
ljw.css文件:
h1{
color