码迷,mamicode.com
首页 > 其他好文 > 详细

定位及背景属性

时间:2019-08-21 23:18:43      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:背景图   back   合并   str   属性   定位   颜色   20px   实现   

定位的属性
position
relative 相对定位
使用top left bottom, 可以实现相对位置的偏移

absolute 绝对定位
元素会脱离文档流
其实就是相对于body的定位
如果父级设置了定位属性 本元素会相对于父级进行定位

fixed 固定定位
不管父级有没有定位 都相对于浏览器窗口定位

inherit 继承 父级的定位属性

opacity : 透明度 0.5 一般的透明度


定位的层级
默认后面写 会排在上面
z-index : 设置层级 数字越大 越在上面

悬浮菜单栏
用固定定位 可以实现悬浮菜单

相对于浏览器水平居中的悬浮浏览框

 

背景属性

 

背景属性
backgroud-color :颜色

 

backgroud-image :背景图片 url(图片地址)

 

backgroud-repeat : 北极图片如何重复平铺
repeat-x : 只重复x轴
repeat-y : 只重复y轴
no-repeat : 只平铺一次
repeat : 平铺所有的

 


backgroud-position :设置背景图片位置
left top :左边的上面 默认
center center :居中

水平 left center right
垂直 top center bottom
以此类推 共9种

10px 20px 按照右上为原点 +xpx 为位置

 

backgroud-attachment : 设置背景图片是随页面滚动还是固定
fixed 固定

 


合并的写法为 :
例 : backgroud : url(image/bg.jpg) -20px 10px no-repeat cyan;
图片 位置 平铺次数 颜色

 

定位及背景属性

标签:背景图   back   合并   str   属性   定位   颜色   20px   实现   

原文地址:https://www.cnblogs.com/fuyi2345/p/11391742.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!