这是我参与「第四届青训营 」笔记创作活动的第3天。
Css的属性有font-family,color,border-bottem,font-weight,font-size,text-decoration**
下面来说一下**font-family，****
Serif** 是带衬线字体，就是笔画结尾有特殊的装饰线
Sans-serif** 是无衬线字体
Monospace** 等宽字体
Cursive** 草书 连笔
还有system-iu是跟随系统字体**
Math** 是可以支持数学上的文字
Emoji** 就是表情符号了
Fangsong** 是宋体和楷体之间，常用于某些政府文件
还想说一下，使字体靠中间，text-align:center**
下面说一下a元素的伪类：**
1.link
2. visited
3. focus
4. hover
5. active
怎么用呢？
就是直接a:hover{ }
百分比，也可以将属性值设置为相对于父元素的属性
Em/rem
Em是相对于字体大小来计算de
Rem是相对于根元素的字体大小 根元素的字体大小一般是16px
文档流
文档流是网页的最底层
我们创建的元素默认在文档流，
在文档流里面，块元素默认宽度是父元素的全部，默认高度是被内容撑开，
行内元素 不会独占一行，只占自身大小，自左向右，水平排列。
Css将页面所有的元素都设置成一个盒子
盒子里面是内容区
边框（border）
内边距（padding）
外边距（margin）
Border-style的属性有如下
Solid实线
Dotted点状线
Dashed虚线
Double双线
Border-style的默认值是none，没有边框
背景颜色会影响延申到内边距上，
盒子的可见框大小由内容区 内边距 和边距共同决定大小
Margin-top margin-left是自身移动大小
Magin-right Margin-bottem是挤掉别人的
这四个都是可以是正值也可以是负值
水平布局
一个元素在其父元素中，水平布局必须满足以下等式
Margin-left+border-left+padding-left+width+padding-right+border-right+margin-right=其中父元素内容区域的宽度。
