day02_tags

01_block 块标签
1、list-style:none：没有列表样式
2、SEO：网络引擎优化，一个页面最多出现一次
3、h1~h3都具备SEO功能
4、p：段落标签
5、pre：pre标签可以保留段落的格式
6、块标签：div h1~h6 ol ul li p pre
7、unorder list：无序列表
8、order list：有序列表
9、list-item：列表项
10、块标签特点：独占一行，默认宽度占满父级，高度为0，子级内容撑开高度。

02_inline 行标签
1、br：换行
2、targrt=_self 默认值，在本页面打开
      target=_black 在新的标签页打开
3、<i>倾斜</i>
     <b>加粗</b>
     <em>加强倾斜</em>
     <strong>加强 加粗</strong>
4、行标签特点：
     ①同排序跟显示，遇到父级边界换行
     ②不支持宽高，内容撑开高度
     ③不支持上下外边距
     ④不正常显示上下内边距
     ⑤换行被解析

03_inlineBlock 行块标签
1、img：
     src：资源路径
     title：鼠标悬停时的提示文本
     alt：图片不能正常显示的提示文本
     特点：只给宽度或高度，会比例显示变化
2、行块标签特点：
     ①同排序跟显示，遇到父级边界换行
     ②没有宽高的时候内容撑开宽高
     ③换行被解析
3、如果不给宽度和高度，以图片默认的大小显示
     如果只给宽度或者高度，等比例缩放

04_display
1、display: none：隐藏元素

05_css引入
1、内联权重：1000
2、权重相同的的情况下，后来者居上

06_background
1、margin: 0 auto：块标签水平居中
2、overflow:hidden：溢出隐藏
3、background-repeat: no-repeat：背景图不会出现平铺或重复的现象
4、background-position: center：背景图水平居中
5、background-size: cover（/contain）：cover 短边占满父级；contain 长边占满父级
6、当line-height = height时，内容居中
7、text-align: center：文本水平居中
8、opacity: .3：整体透明

07_text
1、rgb：red green blue web三原色
2、像素点由4个值构成，red green blue alpha
3、字体大小默认像素16像素 最小12像素（根据浏览器字体来定）
4、字体粗细默认400，最大900，最小100
5、font-family: ‘Microsoft YaHei’：字体样式
     字体靠前的优先显示
6、line-height: center：垂直居中
      text-align: center：水平居中
7、行高 默认是字体大小的1.2倍
     字体是相对于行高来居中的，当不给高度的时候，行高撑开了高度
8、letter-spacing：字体间距
9、text-decoration：文本描述线
10、text-transform: capitalize
        uppercase全大写，lowercase全小写，capitalize首字母大写
11、pre 保留格式   wrap换行
12、h1,h2,p,span{}：群组选择器，同时写多个选择器