使用横排文字工具 , 选中文字 , 文字大小 14 像素 , 文字颜色 #666666 ;
用户头像 与 用户名称之间 , 间距 6 像素 ;
2、头像切图
使用 切片工具 , 选择头像 ;
选择 " 菜单栏..., 分别需要单独设置 ;
头像垂直居中对齐 , 需要使用 padding 内边距的方式设置 ;
文字垂直居中对齐 , 需要使用 内容高度 = 行高 的方式设置 ;
核心代码 :
左侧的 logo 标题 -->
<!...;
/* 上下内边距 0 像素 , 左右内边距 10 像素 */
padding: 0 10px;
/* 右外边距 20 像素 */
margin-right: 20px;
/* 行高 = 内容高度...float: left;
/* 设置左外边距 65 像素 */
margin-left: 65px;
}
/* 搜索栏 输入框 */
.search input {
/* 设置左浮动 , 方便与右侧的按钮进行排列