最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css入门教程:CSS Position 教程
时间:2008-12-15 编辑:简简单单 来源:一聚教程网
随着知识的CSS定位,你将能够操纵的确切位置的HTML元素。设计,以前需要使用JavaScript或HTML图片地图现在可以这样做完全是在CSS 。它不仅是容易的代码,但它也加载更快!
相对位置
相对定位变化的立场HTML元素相对的地方通常会出现。如果我们有一个标题,出现在我们上方的网页,我们可以使用相对定位,将它移到有点权,并减少了几个像素。下面就是一个例子。
h3 {
top: 15px;
left: 150px;
}
p {
left: -10px;
}
您可能注意到,您确定了四种可能的方向(左,右,上,下)只用两个(左边和顶部) 。这里有一个快速移动时参考HTML元素在CSS 。
向左移动-使用负值离开。
向右移动-使用一种积极的价值了。
向上移动-使用负值顶端。
下移-使用一种积极的价值最高。
绝对位置
绝对定位,你定义的确切像素值在指定的HTML元素就会出现。起点是最左边的浏览器的可视面积,因此请务必衡量你是从这一点。
注意:火狐目前没有解释绝对正确的定位。但是这两个6.0 +和Opera 8.0 +做。
h3 {
position: absolute;
top: 50px;
left: 45px;
}
p{
position: absolute;
top: 75px;
left: 75px;
}
好了教程就OK了.
-
上一个: CSS Classes 与 ID 区别
-
下一个: CSS Layers 层实例教程
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26