看书《DIV+CSS商业案例与网页布局开发精讲》_制作站点导航栏_随手笔记

本文深入解析了站点导航栏的分类、CSS浮动属性(包括left、right、none)及其清除方法(clear属性,none、left、right、both)。详细介绍了如何运用这些属性来优化导航栏布局。


一、站点导航栏相关知识


1、站点导航栏的分类:


根据性质划分:框架导航栏、文本导航栏、图片导航栏等

根据放置位置划分:横排导航栏、竖排导航栏


2、CSS浮动属性


属性:float

属性值:left、right、none


解释:

none  默认值,也就是默认情况下,不产生浮动效果

left、right   被定义的元素会向其父元素的左侧或右侧位置浮动


3、CSS清除浮动属性


属性:clear

属性值:left、right、both、none


解释:

none  默认值,也就是默认情况下,不清除浮动效果

left、right   将浮动的左浮动或右浮动属性的影响去掉

both  将左右浮动属性的影响同事去掉


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值