10月29日
项目1页面 头部
CSS：
1..search:focus{} 按钮加:hover 输入框加:focus 用于悬浮
2..search:focus + .btn{} + 第一个兄弟节点
3.hr hr是有两个边框决定的
4.display: block; 独占一行

首页
HTML：
在控制里面出现#号就是一个新的页面
1.<iframe src="head.html" width="100%" height="196px"></iframe>
iframe是引入外部页面的标签 引入的外部页面是子页面
引用iframe标签后,引入的所有外部页面的子页面的超链接都要加target="_top"
target="_top" 用于子页面超链接的跳转

CSS：
引用iframe后要修改的样式
body{
background-color: #CCCCCC;
margin: 0;
}
iframe{
border: none;
overflow: hidden;
margin-bottom: -4px;
}
overflow: hidden;的作用
1.当父元素设置了height值时，则设置overflow:hidden后，子元素超出父元素部分隐藏
2.当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。