静态网页还原

原图

还原页面


总结

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

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

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其...
    hjGamma阅读 2,975评论 2 4
  • 了解开发流程 了解网页开发基础 版心 指的是网页中主要内容所在的区域。一般在浏览器窗口中水平居中显示,从而让用户的...
    amanohina阅读 142评论 0 0
  • 列表标签表格标签表单标签语义化标签字符实体列表标签:按照行的形式展示内容,有无序列表,有序列表,自定义列表li不能...
    sayhelloworld阅读 378评论 2 0
  • 小测笔记 h1标签使用 ui header 样式,对 p 标签使用 medium header 样式,对图片-标签...
    syeturing阅读 751评论 0 1
  • 第192课 CSS书写格式 1、行内样式 可以直接将CSS代码写到开始标签当中 I am div. 2、内嵌样式 ...
    S大偉阅读 439评论 0 1