首页 > 代码库 > css基础:格式与布局
css基础:格式与布局
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基础:格式与布局
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。