CSS
CSS
本部分内容包括:CSS导入方式、CSS选择器、CSS属性3个部分。
- CSS是一门语言,用于控制页面表现。CSS(Cascading Style Sheet):层叠样式表
- W3C标准:网页主要由三部分组成
- 结构:HTML
- 表现:CSS
- 行为:JavaScript
CSS导入方式
CSS导入HTML有三种方式:
-
内联样式:在标签内部使用style属性,属性值是CSS属性键值对
<div style="color:red">Hello CSS~</div>
-
内部样式:定义
<style>
标签,在标签内部定义css样式<style type="text/css"> div{ color: red; } </style>
-
外部样式:定义link标签,引入外部的css文件
<link rel="stylesheet" href="demo.css"> <!--demo.css--> div{ color:red; }
CSS选择器
概念:选择器是选取需设置样式的元素(标签)
分类:
- 元素选择器
元素名称 - id选择器
#id属性值 - 类选择器
.class属性值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
color: red;
}
/*div最终为蓝色*/
\#name{
color: blue;
}
.cls{
color: pink;
}
</style>
</head>
<body>
<div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div>
<span>span</span>
</body>
</html>