CSS学习笔记之定位 3.6

本文详细探讨了CSS定位的必要性,重点介绍了定位模式,包括静态定位、相对定位和绝对定位的原理与特点。通过学习,读者将能够掌握定位的使用,以及在页面布局中的应用。
摘要由CSDN通过智能技术生成

css属性在书写的时候,我们一般按照以下顺序写:

第一步:写布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)

第二步:自身属性:width / height / margin / padding / border / background

第三步:文本属性:color / font / text-decoration / text-align / vertical-align / white- space / break-word

第四步:其他属性(CSS3):content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient …

网页布局的思路:

1.确定页面的版心(可视区)的宽度,在页面居中。

2.分析页面中的行模块,以及每个行模块中的列模块。

3.一行中的列模块经常浮动布局, 先确定每个列的大小,之后确定列的位置. 。

4.制作 HTML 结构。我们还是遵循,先有结构,后有样式的原则。

5.所以, 先理清楚**布局结构**,再写代码尤为重要。

1 定位学习目标和理由

目标:

1、能够说出为什么要用定位

2、能够说出定位的4种分类

3、能够说出4种定位各自的特点

4、能够说出为什么常用子绝父相布局

5、能够写出淘宝轮播图布局

6、能够说出显示隐藏

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值