CSS声明与定位

声明CSS代码域

CSS声明学习:

在head标签中使用style标签声明:
作用:此声明一般声明当前网页的公共样式或者给某个标签的单独样式
在标签上使用style标签声明:
作用:此声明会将CSS样式直接作用于当前标签
在head标签中使用link标签引用外部声明好的CSS文件
作用:此声明相当于调用,解决了不同网页之间样式重复使用地问题
一次声明,随处使用。

不同的声明给同一个标签操作了同一个样式,会使用谁的?
如果CSS的声明全部在head标签中,则遵循就近原则,谁离标签近,就显示谁的。

CSS的定位学习:

position:
相对定位:relative
作用:相对元素原有的位置移动指定的距离(相对的原来自己的位置)
注意:其他元素的位置是不变的
绝对定位:absolute
作用:可以使用元素参照界面或者相对父级元素进行移动
注意:如果父级元素成为父级元素,必须使用相对定位属性
默认情况下是以界面为基准进行移动的
固定定位:fixed
作用:将元素固定显示在页面指定的位置,不会随滚动条的移动而改变位置
以上定位都可以使用top,right,bottom,left来进行移动

z-index:此属性是用来声明元素的显示级别的

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值