CSS基础篇
1. CSS重要概念
CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。
CSS的使用主要分为两步:
1、怎么找到标签(选择器)
2、如何操作标签对象(element)
1.1 CSS的4种引入方式
1、行内式
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。
<p style="background-color: rebeccapurple">hello yuan</p>
2、嵌入式
嵌入式是将CSS样式集中写在网页的<head></head>
标签对的<style></style>
标签对中。格式如下:
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
background-color: #2b99ff;
}
</style>
</head>
3、链接式
将一个.css文件
引入到HTML文件中,在<head></head>
标签中引入 自闭合的link标签(rel 必须有表示是一个css文件格式,type属性可有可无),引入css文件数量没有限制
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
4、导入式
将一个独立的.css文件
引入HTML文件中,导入式使用CSS规则引入外部CSS文件,