css 样式属性

// 宽
width: 200px;

//高
 height: 60px;
 
// 自适应布局
 display: flex;
 
//横向居中
flexdretion:row

// 上下居中(加上flexdretion:row,变为左右居中)
 justify-content: center;
 
// 左右居中(加上flexdretion:row,变为上下居中)
 align-items: center;
 
// 字体大小
 font-size: 25px;
 
// 颜色
 color: #7BC4FF;
 
// 背景透明度(0.5是指透明度)
background:rgba(255,0,0,0.5);

// 背景大小
background-size:80px 60px;

// 背景颜色
background-color: black;

// a标签不显示下划线
text-decoration: none;

//下划线 粗细 颜色
border-bottom:1px solid #ccc;


// 外边距
margin: 0px;

// 外边距(距离顶部)
margin-top: 10px;

// 外边距(距离右边)
margin-right: 20px;

// 外边距(距离下部)
margin-bottom: 30px;

// 外边距(距离左边)
margin-left: 20px;

//外边距从上右下左开始的值
margin: 10px;20px;30px;40px;

//外边距(一个值)
margin: 10px
值(10px): 调整上右下左

//外边距(两个值)
margin: 10px;20px;
值1(10px): 调整上下
值2(20px): 调整左右


// 内边距
padding: 0px;
// 内边距(距离顶部)

 padding-top: 10px;
// 内边距(距离右边)

padding-right: 20px;

// 内边距(距离下部)
padding-bottom: 20px;

// 内边距(距离左边)
 padding-left: 30px;

//内边距从上右下左开始的值
padding: 10px;20px;30px;40px;

}

//鼠标移入事件
 li:hover{
/*padding-left: 20px;*/
background-color:#65D39A;
cursor:pointer;
}