珠宝怎么做网站,威海建设网站,万网主机怎么做网站,广安发展建设集团门户网站头部#xff1a;logo ,导航#xff0c;搜索#xff0c;购物车 头部总体布局: 设置好上下外边距以及总体高度#xff0c; flex布局让总体一行排列 logo#xff1a; logo考虑搜索引擎优化#xff0c;所以要使用 h1中包裹 a 标签#xff0c;a 里边写内容#xff08;到时候… 头部logo ,导航搜索购物车 头部总体布局: 设置好上下外边距以及总体高度 flex布局让总体一行排列 logo logo考虑搜索引擎优化所以要使用 h1中包裹 a 标签a 里边写内容到时候直接将字号设置为0就不影响logo图片的展示了 导航区域 调整 导航中 li 的布局样式 调整 li 中 文字样式base.css中 文字样式字体·已经设置为 16而且文字颜色设置为了#333所以文字样式要是这两个那么就不用再设置了 设置鼠标悬停时a 中出现底部绿色边框线以及文字颜色是变成绿色。 padding加给 a 当鼠标悬停时边框线出现以及文字内容变成绿色 搜索区域 浏览器优先生效 input标签宽度所以设置 flex:1;不生效所以先将input宽度width 置0 购物车区域 设置购物车字体图标设置右上角商品数量子绝父相设置商品数量文字左对齐右对齐的话内容向左撑开可能盖住其他内容
