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;鼠标指到上面时的形状;}

 

posted @ 2017-07-25 08:38  黑眼圈的鱼  阅读(112)  评论(0编辑  收藏  举报