03-05
logo区域：logo
搜索区域：search
推荐版心使用内边距，可以用外边距代替的优先用外边距
文本溢出：
overflow：hidden；/*文本溢出 超出隐藏*/
overflow：scroll；/*文本溢出 超出时， 滚动查看（未超出时也会有滚动机制）*/
overflow：auto；/*文本溢出 超出时，滚动查看（自适应，未超出时不会有滚动机制）*/
overflow：inherit；/*父级设置是怎样，那子级就是多少*/
{ visible:默认值，内容不会被修剪，会呈现在元素框之外；
hidden：内容会被修剪，并且其余内容是不可见的；
scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;
auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;
inherit：规定应该从父元素继承overflow属性的值}
文本空白 ：white-space
pre:保留所有格式，且不会被迫换行
pre-wrap：保留所有格式，但是会被迫换行
pre-line：保留换行，不保留缩进，多个空格键打出的空格，只显示一个
nowrap：强制不换行，干不掉br标签
文本省略号：text-overflow
clip：不显示省略号（...），而是简单的裁切;
ellipsis：当对象内文本溢出时，显示省略标记；
想要显示省略号：
1、元素设置宽度，且内容足够
2、white-saoce:nowrap;强制不换行
3、overflow：hidden；超出隐藏
4、text-overfiow：ellipsis；变成省略号
注意：只针对单行文本有效。
元素类型：
一、初始状态下的特征
块状元素（block）：p div h1-h6 ul li..........
1、单独占据一行
2、能设置宽高
3、能够正常设置内外边距
4、一般用于搭建页面结构，就像盒子一样，用来装其他东西
5、在页面中是矩形显示
内联元素（inline）：span a i em.........................
1、只占据自己内容大小的位置，在一行显示
2、不能设置宽高，大小由内容撑起来
3、不能够正常设置上限内外边距（对布局无效，对自身有效）
4、一般结合css样式显示对应的视觉效果。
5、在页面中不是矩形显示
内联块元素（inline-block 集合了块元素和内联元素的特征）：img input
1、只占据自己内容大小
2、能设置宽高
3、能设置正常设置内外边距
二、元素类型的转换：借助css属性转换。display使得元素转化为其他元素，拥有该元素的所有特征
display：inline；将元素转换为内联元素，拥有该元素的所有特征
display：line-block；将元素转化为内联块元素，拥有该元素的所有特征。也可用作显示。
display：block；将元素转换为块元素，拥有该元素的所有特征
display：none；隐藏。把元素藏起来
display：list-item；将元素转化为列表类型。