CSS去除列表小圆点、设置悬停事件、边距和文字间距

如果看列表前面的小圆点不顺眼可以去掉，取掉小圆点的属性为：list-style：none

比如：html代码：

css代码：

页面显示：

注意：要把属性设置到ul标签里面。

悬停事件：比如当鼠标移到文字上文字颜色变成红色；格式为：标签名：hover{样式}；

这是鼠标没移上前 

鼠标移上后 

边距：分为内边距和外边距

        外边距：就是距离容器的距离。比如用div盒子距离页面的距离，用margin属性

        属性：margin-top： 距离多少像素；距离页面上面多少

        

 第一个是设置了上外边距

        

还有三个：margin-bottom        设置下外边距；margin-left        设置左外边距；margin-right       设置右外边距

以上可以简写为margin：；里面写一个值是上下左右都设置；

两个值：第一个值表示上下，第二个表示左右；

三个值：第一个表示上，第二个表示左右，第三个表示下；

四个值：第一个是上，第二个是右，第三个是下，第四个是左

内边距：是容器自带的边距

属性和外边距一样；给内边距设置会给原本的盒子加宽高

设置文字间距：leeter-spacing：；