css基础第四节

标签：splay   cal   滚动条   滚动   orm   sha   nbsp   spl   block   

1.块状元素转行内元素：display: inline;
2.行内元素装块状元素：display: block;
3.隐藏：display: none;
4.行内块状元素，既有行内元素特性，也可以设置margin和宽高：display: inline-block;
5.margin值：块状元素水平和竖直方向都可以设置，内联元素只能设置水平的margin和padding
6.相对定位：position: relative;
7.z轴：z-index: 1000;（z轴值大的部分会显示在页面上)
8.绝对定位：绝对定位依赖于position属性，如果父元素有position属性，就相对于父元素绝对定位，如果父元素没有position属性，它就会再往上找上一级父元素，如果都没有，最后就找到body，相对于body
 position: absolute;
9.固定定位：position: fixed;
10.溢出处理：超出隐藏：overflow: hidden;
11.溢出部分：滚动条：overflow: scroll;
 自动加滚动条overflow: auto;
12.设置圆角：border-radius: 10px;
13.设置阴影：box-shadow: 5px 10px 10px blue;
14.translate延x，y轴移动：transform: translate(30px,30px);
15.rotate旋转：正数顺时针选择，负数逆时针旋转：transform: rotate(60deg);
16.scale：宽度放大多少倍，高度放大多少倍：transform: scale(2,2);
17.过渡：transition: transform 5s;

css基础第四节

标签：splay   cal   滚动条   滚动   orm   sha   nbsp   spl   block   

原文地址：https://www.cnblogs.com/nbkls/p/12163255.html