CSS布局：浮动与结构伪类选择器应用指南.pdfVIP

table{border-collapse:collapse;}table,th,td{border:1pxsolid#000;}

CSS布局

浮动

目录

Contents

结构伪类选择器

伪元素

流

浮动

清除浮动

学习目标

LearningObjectives

◆能够使用结构伪类选择器在HTML中选择元素

能够说出流元素的布局特点

能够说出浮动元素的特点

能够使用浮动完成小米模块布局案例

能够说出清除浮动的目的，并能够使用清除浮动的方法

目录

Contents

结构伪类选择器

伪元素

流

浮动

清除浮动

一、结构伪类选择器

目标：能够使用结构伪类选择器在

HTML中定位元素

1.作用与优势：

1.作用：根据元素在HTML中的结构关系查找元素

2.优势：减少对于HTML中类的依赖，有利于保持代码整洁

3.场景：常用于查找某父级选择器中的子元素

2.选择器

选择器说明

E:first-child{}匹配父元素中第一个子元素，并且是E元素

E:last-child{}匹配