从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本文小编为大家详细介绍“css3中的定位怎么表示”,内容详细,步骤清晰,细节处理妥当,希望这篇“css3中的定位怎么表示”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
创新互联公司2013年至今,先为武定等服务建站,武定等地企业,进行企业商务咨询服务。为武定企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
css3中的定位类型:1、相对定位,语法为“元素{position:relative;}”;2、绝对定位,语法为“元素{position:absolute;}”;3、固定定位,语法为“元素{position:fixed;}”。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
定位:
相对定位
绝对定位
固定定位
什么是定位?
定位指的就是将指定的元素摆放到页面的任意位置.通过定位可以任意的摆放元素.
通过position
属性来设置元素的定位
可选值:
static 默认值,元素没有开启定位.
relative 开启元素的相对定位
absolute 开启元素的绝对定位
fixed: 开启元素的固定定位(也是绝对定位的一种)
示例如下:
相对定位:
这是位于正常位置的标题
这个标题相对于其正常位置向左移动
这个标题相对于其正常位置向右移动
相对定位会按照元素的原始位置对该元素进行移动。
样式 "left:-20px" 从元素的原始左侧位置减去 20 像素。
样式 "left:20px" 向元素的原始左侧位置增加 20 像素。
输出结果:
绝对定位:
这是带有绝对定位的标题
通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。
输出结果:
固定定位:
一些文本。
更多的文本。
输出结果:
读到这里,这篇“css3中的定位怎么表示”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图