css基础属性

/* 字体高 */

font-size: 50px;    

/* 加粗*/

font-weight: bold;    

/* 斜体 */

font-style: italic;    

/* 字体 */

font-family: Arial, Helvetica, sans-serif;    

/* 字体颜色 */

color: aqua;    

/* 1.纯英文单纯；测试用
2.颜色代码；开发用#00ff00 每两个都重复才可以简写
3.颜色函数 rgb（255，255，255）*/

/* 外边框 粗细 展示形式 颜色 */

border: 1px solid black;    
border-width: 10px;    
border-top-color: red;    

/* 透明色 */

border-left-color:transparent;

居中/右/左对齐

 text-align: center;      

单行文本高度，文本高度等于外边框高度就垂直居中

  line-height: 20px;  

首行缩进

  text-indent: 2em; 

中划线 /下划线等

   text-decoration: line-through;

变换鼠标光标样式

    cursor: copy;

伪类选择器，当鼠标移至标签范围类才会触发，离开就消失

    a:hover{    
    color: #ffffff;    
    background-color: brown;    
    font-size: 16px;    
    border-radius: 10px;} 

1.行级元素 inline
feature：内容决定元素所占位置
不可以通过css改变宽高
span strong em a del
2.块级元素 block
feature：独占一行
可以通过css改变宽高
div p ul li ol form address
3.行级块元素 inline-block
feature：内容决定大小
可以改宽高
img
当加载多张图片时有空隙是因为：
凡是带有inline的元素，都有文字特性
去掉回车或空格