css基本概念：
CSS（Cascading Style Sheet） 层叠样式表
选择器
1.标签：
<p><div>…之类的标签
使用方式：直接输入标签名
2.类（class）：class名字
使用方式：输入点+class名
3.ID：（ID）名
使用方式：输入#+id名
一般来说我们写css文件的时候用的是第二种选择器，class名；这是因为id名一般被用作js的选择器
给class命名是有规范的，像xxx-xxx这样做的好处是让你的代码更清晰别人更容易看懂
三种连接样式
1.行内样式（内嵌样式）:
<h1 style="color: blue;">绝句</h1>
直接写在标签里，使用style属性，只对当前标签有效，页面内容和表现形式是高度耦合的，不利于分工合作
2.内联样式：
<style>
p{
font-size: 24px;
}
</style>
内部样式是在head部分使用<style>标签，样式对当前页面有效，内容和表现形式实现了一定程度的分离，但不彻底
3.外部样式（外联样式）：
#text1{
color: pink;
}
.text2{
text-align: left;
}
<link rel="stylesheet" href="css/css01.css">
外部样式样式需要一个link标签与html连接起来，内容与表现形式完全分离，而且任何需要用到改样式的页面都可以通过link标签连接的方式来实现
字体相关属性
text-algin（对齐方式）:center/left/right
font-size（字体大小）:56px/xxpx
font-family（字体体系）:”黑体”/”幼圆”
font-style（是否倾斜）:italic（倾斜）/normal（正常）
font-weight（字体粗细）:100/200/normal (400) /bold (700) /bolder
font-variant（是否大写）:normal/small-caps（小型大写）
color（字体颜色）:blue/red/pink/#FFFFFF/#F6F6F6
text-decoration:none（默认格式，无）/underline（下划线）/overline（上划线）/line-through（删除线）
direction（文本方向）:ltr（left to right、从左往右）/rtl（right to left、从右往左）
text-transform:none（默认）/capitalize（首字母大写）/uppercase（全部大写）/lowercase（全部小写）
line-height（行高）:normal/xx_px
letter-spacing（字符间距）;2px/xx_px
word-spacing（单词间距）:normal/2px/xx_px (加空格才有效果)