目录
1、隐藏样式
display:none;
notes: none是隐藏,block是显示
2、字体样式
font-size:"字体大小"
color:"字体颜色"
3、文本样式
text-decoration:none || underline || overline || line-through || blink
none:无
underline:下划线
overline:上划线
line-through:贯穿线
blink:闪烁
4、列表样式
list-style-type: none; /*去掉序号*/
ul
ol
dl
ul{
list-style-type:none;
}
none:表示没有序号
5、鼠标悬停样式
1、:hover 鼠标悬停改变标签的样式
notes: :hover的:左右两边都不支持空格
span:hover{
color:red;
font-size:40px;
}
2、cursor 鼠标悬停改变鼠标的模样
#mydiv{
/*鼠标变成小手*/
cursor:pointer
}
6、边框样式
border-style:
border:solid 1px red
7、内外边距
1、内边距
padding:
padding-top:
padding-bottom:
padding-left:
padding-right:
2、外边距
margin:
margin-top:
margin-bottom:
margin-left:
margin-right:
8、浮动float
float: left || right
左浮动
9、绝对定位
position:absolute;
top:100px;
left:100px;