静态网页还原

121 阅读1分钟

原图

原图.jpg

还原网页

网页捕获_31-7-2022_20172_.jpeg

总结

  1. 当子元素的宽或高和父级相同时候,可以直接写100%

  2. logo的制作,划分布局后,直接写a标签转化为块元素,设置宽高,加入背景图,标签内不写内  容即可。

  3. 当父级盒子中只有一个子级盒子并且设置了高度时,子盒子的宽度为父级的宽度;

  4. 一个父级盒子,当它里面的相同标签有一些共同样式,可以直接选择标签加样式,不同的地方再单独修改;

  5. 因为子级元素会继承父级某些样式,子元素相同的font- text- line- color样式可以直接写在父级盒子中;

  6. 可以使用*为所有元素加上border-box,这样在给元素加边框或者padding时不用再计算宽高;

  7. 直接选中a标签去掉下划线,后面再用到a标签不用再重复写,li也一样

前端小百,记录学习中..................