CSS常见样式

目录

1、隐藏样式

2、字体样式

3、文本样式

4、列表样式

5、鼠标悬停样式

1、:hover    鼠标悬停改变标签的样式

2、cursor  鼠标悬停改变鼠标的模样

6、边框样式

7、内外边距

1、内边距

2、外边距

8、浮动float

9、绝对定位

---

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;