一、css概述:
CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。
二、首先考虑两个问题:
1、怎么找到标签(选择器)
2、如何操作标签对象(element)
三、css四种引入方式:
1、行内式:嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:
<div style="color: red;background-color: beige">hello yuan</div>
2、嵌入式:嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
color: rebeccapurple;
font-size: 40px;
}
a{
text-decoration: dashed;
}
</style>
</head>
3、链接式:将一个.css文件引入到HTML文件中
<link href="test1.css" rel="stylesheet">
4、导入式:将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,<style>标记也是写在<head>标记中,使用的语法如下:
<style>
@import "test1.css";
</style>
四、css的选择器:“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素
1、基础选择器:
*:代表通用元素选择器,匹配任何元素
E:标签选择器,匹配所有使用E标签的元素
2、组合选择器:
E,F:多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔
E F:后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
E > F :子元素选择器,匹配所有E元素的子元素F
E + F : 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F
3、属性选择器:
4、伪类:
原文:https://www.cnblogs.com/zhang-da/p/11521579.html