1、css的书写位置
1》行内样式：
<span style="color:red;">haha</span>
2》内部样式
在style标签中
span{
color:red;
}
3》外部样式
<link href="" rel="stylesheet" type="text/css" />
2、元素分类
1、块级元素：block
特点：1》独占一行2》宽度高度可以设置3》如果不设置宽度，则宽度为父亲的100%4》不设置高度，高度为里面的内容自动撑开
例子：div p nav header section h1-h6
具有上下左右外边距和上下左右内边距
2、行内元素：inline
特点：1》可以并排显示在一行2》宽度高度不能设置，只能有里面的内容自动撑开
例子：span a em strong i b
没有上下内外边距，但有左右内内外边距
· 3、行内块元素：inline-blick
特点：1》元素可以并排2》高度宽度都可以自行设置3》默认的宽高是浏览器给的
例子：input img
3、对应元素属性的相互转化
display:
--block --inline-block --inline --none