既有行内元素特性
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;
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32063.html
- 上一篇: 如何查看php 是ts还nts
- 下一篇:常用的字符集编码方式还有gbk和gb2312