background和display的复习

background-color 背景色
background-image 背景图片
background-position 图片定位
background-repeat 是否重复
background-size：指定图片的大小
background：背景颜色、背景图片地址、背景平铺、背景固定、背景位置、背景图片尺寸

2.图片左浮动，使用h1标签 input标签右浮动
3.logo使用的是h1标签 设置margin-top
4.两个按钮无法对齐的时候，需要加vertical-align：middle
去掉外框线 outline:none 点击框框的时候出现的黑线
5.上边输入框的浮动效果影响了 下面导航栏的布局
1.给父元素设置足够高的高度
2.给导航栏设置清除浮动
6.竖直方向 设置line-height和导航栏的高度一致就行了
水平方向 设置text-alight =center

7. list-style = dist float=right

8.padding和margin的选择
标签和标签之间的间距 用margin
标签内部之间的间距 用padding

9.通配符 标签 类 id
子代 后代 群组
.
伪类选择器：超链接的四种状态
a:link{} 超链接没点击之前的(未访问)
a:visited{} 超链接点击过之后的
a:hover{} 鼠标放在超链接上
a:active{} 鼠标按下不松开
书写时按照lvha

dispaly:
默认为隐藏状态
display：none 隐藏
display：block 把行内元素转为块元素 可以设置高度和宽度
display：inline 把块元素转化为行内元素 无法设置高度和宽度，和其他的元素排在一起

1.行内元素 内容多少 占多大空间
2.块元素 无论内容多少 宽度都是

li:hover span {
display: block;
background-color: orange;
color: #fff;
}

li:hover a {
display: none;
}