随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。
#------------------------------------------------我是可耻的分割线-------------------------------------------
Span行内标签，普通展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input系列</title>
</head>
<body>
<span style="background-color:red; ">span</span>
</body>
</html>
效果：
内联默认占字符串位置，使用display:block"把行内标签变为块级标签显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input系列</title>
</head>
<body>
<span style="background-color:red; display:block">span</span>
</body>
</html>
效果：
注意：行内标签无法设置高度、宽度、padding和margin，块级标签可以设置高度、宽度、padding和margin