CSS学习小结
CSS是一门语言，用于控制网页表现
CSS(Cascading Style Sheet)：层叠样式表
W3C标准，网页主要由三个部分组成：
- 结构：
HTML - 表现：
CSS - 行为：
JavaScript
CSS导入方式
| 方式 | 描述 |
|---|---|
| 内联样式 | 在标签内部使用style属性，属性值是css属性键值对 |
| 内部样式 | 在head里定义<style>标签，在标签内部定义css样式 |
| 外部样式 | 定义link标签，引入外部的css文件 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
span{
color: red;
}
</style>
<link href="../css/demo.css" rel="stylesheet">
</head>
<body>
<!-- 不建议使用内联样式，不好后期维护-->
<div style="color: red">hell0 css</div>
<span>hello css</span>
<p>hello css</p>
</body>
</html>
CSS选择器
概念：选择器是选取需设置样式的元素（标签）
谁选择的范围越小，谁就生效
id一般唯一，class不唯一。
| 选择器 | 描述 |
|---|---|
| 元素选择器 | 元素名称{color: red;} |
| id选择器 | #id属性值{color: red;} |
| 类选择器 | .class属性值{color: red;} |
代码如下：、
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
color: red;
}
#name{
color: blue;
}
.cls{
color: pink;
}
</style>
</head>
<body>
<div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div>
<span class="cls">span</span>
</body>
</html>
今天的学习资源
CSS属性
因为我们是Java程序员，所以只是浅浅了解
380
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
