HTML+CSS基础知识（2）选择器的使用、盒子模型的讲解、列表的使用

HTML+CSS基础知识（2）选择器的使用、盒子模型的讲解、列表的使用

文章目录

​​1、CSS基础知识​​​​2、css样式​​

​​2.1、代码：​​​​2.2 测试结果​​

​​3、CSS的语法​​

​​3.1 代码​​

​​4、块元素和行内元素​​

​​4.1 代码​​​​4.2 测试结果​​

​​5、常用的选择器​​

​​5.1 代码块​​​​5.2 测试结果​​

​​6、父类和子类选择器​​

​​6.1 代码​​​​6.2 测试结果​​

​​7、列表​​

​​7.1 代码​​​​7.2 测试结果​​

​​8、盒子模型​​

​​8.1 代码​​​​8.2 测试结果​​

​​9、内边距​​

​​9.1 代码块​​​​9.2 测试结果​​

​​10、外边距​​

​​10.1 代码块​​​​10.2 测试结果​​

​​11、块元素和行内元素、display​​

​​11、代码​​​​11.2 测试结果​​

​​12、overflow​​

​​12.1 、代码​​​​12.2 测试结果​​

1、CSS基础知识

2、css样式

内联样式写在head中的style外部引入（使用最多）

2.1、代码：

外部css样式

p{ color: green; font-size: 20px; }

我是style里边的样式设置

我是内联样式

2.2 测试结果

3、CSS的语法

3.1 代码

4、块元素和行内元素

4.1 代码

---

我是块元素我是块元素我是块元素

4.2 测试结果

5、常用的选择器

5.1 代码块

我要学html

我要学html

我要学html

我要学html

我要学html

5.2 测试结果

6、父类和子类选择器

6.1 代码

我是body中的span

6.2 测试结果

7、列表

7.1 代码

• 我要学全栈
• 我要学全栈
• 我要学全栈

---

1. 我要学Java
2. 我要学Java
3. 我要学Java

---

• 嵌套
• 1. 我要学Java
  2. 我要学Java
  3. 我要学Java
• 我要学全栈
• 我要学全栈

武松

厉害的很

打死了老虎

武大郎

武松他哥

7.2 测试结果

8、盒子模型

8.1 代码

---

8.2 测试结果

9、内边距

9.1 代码块

9.2 测试结果

10、外边距

10.1 代码块

10.2 测试结果

11、块元素和行内元素、display

11、代码

12.2 测试结果

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。