CSS里面style加入样式的使用

         昨天学习背景的基本使用，今天来讲述一下自己学会的部分样式使用：

一、在style里面的小样式

（1）、我们知道有序列表自带排序（12345）、无序列表前面带有小圆点排列，用代码：list-style:none；就可以去除排序和圆点。

list（列表）-style：none;

list-style:none

（2）、去除点击时的外线

outline：数值px；

没有线：outline：0px；

（3）、当输入框获得焦点，才执行的样式

给样式里面加上：focus;(只能在输入框使用）

（4）要鼠标放上去显示颜色

样式：hover{颜色}  在样式后面加冒号（：）hover

二、外边距设置

距离容器的距离（margin）

margin（外边距）
margin：数值px；设置4个边的距离
margin-(lfet左/top上/right右/bottom下）：数值px；
margin：数值px（空格）数值px；两个数设置的是：上下、左右
margin：数值px（空格）数值px（空格）数值px；三个数为：上、左右、下
margin：数值px（空格）数值px（空格）数值px（空格）数值px；四个时为：上、右、下、左

三、内边距的设置

容器自身的距离，给本身容器加内边距，本身边距不变。和外边距一样只是换了开头变成了内边距（padding）

​
padding（内边距）
padding：数值px；设置4个边的距离
padding-(lfet左/top上/right右/bottom下）：数值px；
padding：数值px（空格）数值px；两个数设置的是：上下、左右
padding：数值px（空格）数值px（空格）数值px；三个数为：上、左右、下
padding：数值px（空格）数值px（空格）数值px（空格）数值px；四个时为：上、右、下、左

​

四、文字间距

letter—spacing：数值px;

数越大，间距越大

okk，今天学习了这么一丢丢，因为不懂的地方有点小问题，练习了一天可算搞明白点了。