2025年css grid布局案例(css中grid用法总结)

css grid布局案例(css中grid用法总结)span id Label3 p 1 定位 position fixed 锁定位置 相当于屏幕位置锁定 不随页面移动 p position absolute 绝对位置 相对于页面定位 随页面移动 position relative 相对位置 相对于页面内周边元素的位置 要注意与周围元素的关系 避免相互排挤 2 其他属性 span

大家好,我是讯享网,很高兴认识大家。



 <span id="Label3"><p>1.定位:position:fixed;锁定位置,相当于屏幕位置锁定,不随页面移动。</p> 

讯享网

position:absolute;绝对位置,相对于页面定位,随页面移动。

position:relative;相对位置,相对于页面内周边元素的位置,要注意与周围元素的关系,避免相互排挤。

2.其他属性:z-index:n;该层设置为第n层,三维布局,在z轴方向分层,可理解为摞纸。

float:left;横向左侧排列,横向流式布局,超出边框后自动排在下一行;right 横向右侧排列。

overflow:hidden;超出部分隐藏;scroll 显示出滚动条。

min-width:4px;最小宽度。

border-radius:5px;边框圆角,可填像素或百分比。

box-shadow:5px 5px 5px black;边框阴影:向右 向下 虚化5px 黑色。


讯享网

text-shadow:5px 5px 5px black;文字阴影:向右 向下 虚化5px 黑色。

transition:0.5s;渐变效果,变化时间为0.5s。

transform:rotate(360deg);旋转360度。

margin-left:10px;向右平移10px。

opacity:0.5;半透明效果,50%透明效果

a:hover {color:red;鼠标指向链接时颜色变为红色;cursor:pointer;鼠标指到上面时的形状;}

&nbsp;

css基础:格式与布局

小讯
上一篇 2025-05-12 12:11
下一篇 2025-04-14 23:48

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/136802.html