
CSS实现思路:
用一个div直接父级继承

在这里插入图片描述
一LOGO结构
h1>a>搜索关键字
二导航栏结构
结构:ul>li>a

三搜索框结构
div>input/a
四用户头像结构
div>a>img+span
处理行内块和行内垂直对齐方向使用
vertical-align
CSS实现思路:
用一个div直接父级继承
在这里插入图片描述
h1>a>搜索关键字
结构:ul>li>a
div>input/a
div>a>img+span
处理行内块和行内垂直对齐方向使用
vertical-align