1.定位：position：fixed；锁定位置，相当于屏幕位置锁定，不随页面移动。
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；鼠标指到上面时的形状；}
css基础：格式与布局
到此这篇css grid布局案例（css中grid用法总结）的文章就 介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/59008.html