
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