CSS

CSS

1 查找标签(选择器)

  • 引入选择
  • 嵌入式
  • 链接式 css文件中写(重点使用)
  • 导入式 这种最后加载css 用户体验不好,而且引用的数量有限制
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS</title>
<link rel="stylesheet" href="css_test.css"> <!--导入css文件-->
<!--<style>-->
<!--@import "css_test.css";-->
<!--</style>-->
</head>
<body>
<!--<p style="color: red;background-color: green">hello</p>-->
<p>hello</p>
<div>DIV</div>
</body>
</html>

选择器

注意:一个块级标签可以嵌套块、内联标签,内联不能嵌套块级标签

p不能嵌套任何块标签

组合选择器

  • 后代
  • 子代
  • 毗邻
  • 兄弟

子代选择器

2操作标签(属性选择)

© 2018 Peter's Blog Center All Rights Reserved.
Theme by hiero