-
div+css视频教程之css绝对定位
在css样式表最后一天的课程中,我们将学习样 式表最精彩的部分:定位和叠放。
我们都知道,在网页上利用HTML定位文字和 图象是一件“令人心痛”的事情。我们必须 使用表格标签和隐式GIF图象,即使这样也 不能保证定位的精确,因为浏览器和操作平 台的不同会使显示的结果发生变化。
而CSS能使你看到希望的曙光。利用今天我 们即将学到的CSS属性,你可以精确地设定 要素的位置,还能将定位的要素叠放在彼此 之上,还有...还有......你自己慢慢看吧!
以下是今天将学习的各种属性:
定位
左边
顶部
宽度
高度
可视性
z-index
注意:由于CSS定位开发得比其它CSS属性晚, 所以IE3不支持CSS定位属性。定位属性只能 用于4.0版的浏览器。
css定位属性将是网虫们打开幸福之门的钥匙:
H4 { position: absolute; left: 100px; top: 43px }
这项CSS规则让浏览器将<H4>的起始位置精 确地定在距离浏览器左边100象素,距离其 顶部43象素的位置。
注意这里唯一设置了的是左边和顶部,也就 是说,文字将从左到右,从上到下载入浏览 器窗口。
左边和顶部属性很直观,左边(left)设定 要素距浏览器窗口左边的距离,顶部(top) 设定距离浏览器窗口顶部的距离。
设定这些距离时,你可以使用所学过的各种 长度单位或比例值。使用比例值时,比例值 指的是相对于母体要素的尺寸。
你可以定位什么呢?任何东西!段落、单词、 GIF和JPEG图象、QUICKTIME电影等等
我们都知道,在网页上利用HTML定位文字和 图象是一件“令人心痛”的事情。我们必须 使用表格标签和隐式GIF图象,即使这样也 不能保证定位的精确,因为浏览器和操作平 台的不同会使显示的结果发生变化。
而CSS能使你看到希望的曙光。利用今天我 们即将学到的CSS属性,你可以精确地设定 要素的位置,还能将定位的要素叠放在彼此 之上,还有...还有......你自己慢慢看吧!
以下是今天将学习的各种属性:
定位
左边
顶部
宽度
高度
可视性
z-index
注意:由于CSS定位开发得比其它CSS属性晚, 所以IE3不支持CSS定位属性。定位属性只能 用于4.0版的浏览器。
css绝对定位
定位(左边和顶部)css定位属性将是网虫们打开幸福之门的钥匙:
H4 { position: absolute; left: 100px; top: 43px }
这项CSS规则让浏览器将<H4>的起始位置精 确地定在距离浏览器左边100象素,距离其 顶部43象素的位置。
注意这里唯一设置了的是左边和顶部,也就 是说,文字将从左到右,从上到下载入浏览 器窗口。
左边和顶部属性很直观,左边(left)设定 要素距浏览器窗口左边的距离,顶部(top) 设定距离浏览器窗口顶部的距离。
设定这些距离时,你可以使用所学过的各种 长度单位或比例值。使用比例值时,比例值 指的是相对于母体要素的尺寸。
你可以定位什么呢?任何东西!段落、单词、 GIF和JPEG图象、QUICKTIME电影等等
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式