hover伪类选择器
作用:选中鼠标悬停时在元素上的状态
例: input:hover{
background:orange;
color:white;
}
边框的属性
margin:外边框,距离容器的距离 | |
margin-top:50px; | 上边距 |
margin-left:50px; | 左边距 |
margin-right:50px; | 右边距 |
margin-bottom:50px; | 下边距 |
margin:50px; | 上下左右四个边距 |
margin:50px 50px | 第一个值是上下,第二个值是左右 |
margin:1px 3px 4px; | 第一个值是上,第二个值是左右,第三个值是下 |
margin:2px 3px 5px 6px; | 第一个值是上,第二个值是右,第三个值是下,第四个值是左 |
padding:内边框,容器自身的距离 | |
padding-top:50px; | 距离容器上边的距离 |
padding-left:50px; | 距离容器左边的距离 |
padding-right:50px; | 距离容器右边的距离 |
padding-bottom:50px; | 距离容器下边的距离 |
padding:50px; | 距离容器上下、左右四个边的距离 |
padding:50px 50px | 第一个值是上下,第二个值是左右 |
padding:1px 3px 4px; | 第一个值是上,第二个值是左右,第三个值是下 |
padding:2px 3px 5px 6px; | 第一个值是上,第二个值是右,第三个值是下,第四个值是左 |
CSS常见属性
属性名 | 说明 |
list-style:none; | 去除ul标签的小黑点 |
outline:0; | 去除输入框点击时的外线 |
background:linear-gradient(方向,开始颜色,结束颜色) | 设置渐变色 |