前端基础六天瑞客.pdf

◆【理解】为什么要用定位

◆【】定位的4种分类

目标◆【掌握】4种定位各自的特点

◆【掌握】为什么常用子绝父相布局

TARGET

◆【应用】写出轮播图布局

◆【理解】显示隐藏的3种方式以及区别

昨日复习

◆CSS的书写顺序

◆回顾学成网页面布局

昨日复习

CSS的书写顺序：

1.布局定位属性：disy/position/float/clear/visibility/overflow（

建议disy第一个写，毕竟关系到模式）

2.自身属性：width/height/margin/padding/border/background

3.文本属性：color/font/text-decoration/text-align/vertical-align/

white-space/break-word

4.其他属性（CSS3）：content/cursor/border-radius/box-shadow/

text-shadow/background:linear-gradient…

1.1定位导读

定位导读

掌握程度：理解

00:59

要点提示

◆今日目标：定位的理解和应用

视

1.2为什么需要定位

为什么需要定位

掌握程度：理解

03:43

要点提示

◆思路两个场景：

视

◆场景1：某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子.

◆场景2：当我们滚动窗，盒子是固定屏幕某个位置的。

结

1.2.1为什么需要定位

知识总结

◼浮动和定位的使用场景：

➢1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。

➢2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，

并且可以压住其他盒子。

结

1.3定位组成

定位组成

掌握程度：掌握