美国Adobe公司 官方指定UI培训机构

UI设计 UE设计 平面设计 网页设计 淘宝美工 PS培训 学员作品 学员就业 合作企业 设计教程 UID简介 分级教学 关于我们

如何学习CSS

AE干货教程

  • 课程级别:
  • 课程数量:
  • 课程评分:
  • 课程简介:
  • 中级技能
  • 更新至第9套教程
  • 等级
  • AE干货教程,入门学AE必备视频教程!通俗易懂,简单易学,零基础也能成为AE实战高手,马上开始吧!

IT培训网数字艺术学院拥有众多业内专业实战讲师!名师面对面,巴拉拉……

0元试听 名师解惑

如何学习CSS定位属性Position

AI干货教程2016-02-15

CSS中最常用的布局类属性,一个是Float(CSS浮动属性Float详解),另一个就是CSS定位属性Position。

1. position:static

所有元素的默认定位都是:position:static,这意味着元素没有被定位,而且在文档中出现在它应该在的位置。

一般来说,不用指定 position:static,除非想要覆盖之前设置的定位。

如何学习CSS

2. position:relative

如果设定 position:relative,就可以使用 top,bottom,left 和 right 来相对于元素在文档中应该出现的位置来移动这个元素。【意思是元素实际上依然占据文档中的原有位置,只是视觉上相对于它在文档中的原有位置移动了】

如何学习CSS

3. position:absolute

当指定 position:absolute 时,元素就脱离了文档【即在文档中已经不占据位置了】,可以准确的按照设置的 top,bottom,left 和 right 来定位了。

如何学习CSS