标签:no-repeat relative 内容 jpg dex url 支持 垂直 方式
:hover 当鼠标放到上面时会产生变化
border-radius: 设置圆角 可以分别设置4个角
background-image: linear-gradient(to right,#ff9000,#ff5000);
设置线性渐变,括号里的参数
第一个参数为方向
第二个参数为起始的颜色
第三个参数为结束的颜色
但是它的兼容性只支持到IE10,如果要兼容IE8,就要使用到 滤镜filter: ;
box-sizing: border-box; 把被设置样式的对象,变为怪异盒模型
border: 2px solid #ff5000; 设置边框,大小,实心/虚心 颜色
overflow: hidden;给一个元素中设置overflow:hidden,那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位。
position: relative; 相对定位
position: absolute; 绝对定位
那什么时候用相对定位,什么时候用绝对定位呢?
要理解定位你要先理解文档流,在文档流中相对定位的元素占有位置,而且会影响后面的元素(块元素、行内块元素),比如两个div并排,另外一个会换行。
而绝对定位就是把该元素从文档流中踢出,不会占用文档流的位置,也不会影响后面的元素。
outline: none; 去掉边框
border: none; 去掉border的边框
text-indent: 10px; 输入框距离左边的距离
vertical-align: 1px; 设置垂直位置
z-index: 2; 设置元素的堆叠顺序。
background-color: transparent; 透明,为了能够看到后面的文字
text-align: center; 属性规定元素中的文本的水平对齐方式。
background: url(../images/6.jpg) no-repeat; 添加背景图
css样式
标签:no-repeat relative 内容 jpg dex url 支持 垂直 方式
原文地址:https://www.cnblogs.com/caiwei321/p/13195271.html