码迷,mamicode.com
首页 > Web开发 > 详细

css样式

时间:2020-06-26 16:32:20      阅读:75      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!