1、图片列表网页布局样式2、京东导航条网页布局样式3、网易新闻列表网页布局样式 1、图片列表 网页布局 样式 ul设定宽高，背景颜色给除了最后一个li设定下外边距。图片导入是原大小，设定宽度100%即占满父元素的宽度，高度会自动调整 2、京东导航条 网页布局 样式 nav盒子 设定宽高上下设padding div子盒子 设定高度（网页中检查里可以看）左内边距，使离左侧有点距离设定文字父元素的line-height设为和height一样。可以让文字垂直居中移入样式 a 字体颜色去除下划线（a标签特有）字体大小移入样式 用span设置斜杠样式 3、网易新闻列表 网页布局 样式 大容器 设定宽高border-top 还原网页顶上的灰线 标题子容器的h2 设置高度border-top还原红线margin-top设负值，盖住灰线display设为内联块，因为h2是块元素独占一行，红线也会蔓延一行，为了红线和文字宽度一致padding-top 使文字向下挤，但会改变总体大小，再相应减小height 标题子容器的a 颜色font-weight加粗文字 图片容器样式 设定高度，没设置高度的话，下面的文字设置了负外边距就会占有原来属于图片的位置，下方的文字会一起涌入 图片容器标题 颜色加粗左内边距margin-top负值使移入图片内部 新闻列表容器 margin-top使下移 列表li项 margin-bottom使各个分离设置颜色移入效果before伪类设置符号
