实现首页页面

一、知识点:盒子模型
1.why:可以更方便的进行页面布局
2.
我们把所有的标签都可以看做是一个盒子(div就是一个自定义的盒子),css就是用来修改盒子的外观的
3.div:用来配合盒了模型来完成布同的,
4、特殊回性
(1) margin重合问题:上面盒子的margin-bottom,和下面盒子的margin-top,会重合,不会累加;左右同理
(2)盒了尚觉问题box-sizing: 默认的况下,盒子高度=height+padding+border;如果设置box-sizing:
border-box;那么盒子高度=height。
二、网站的布局
1、分析网站结构:上中下
2、总整体到部分分解结构3、整个页面高宽
三、网站的整体设计规范
1、共通规范(常用属性效果)
*{
padding: o;margin: oj
-webkit-box-sizing: border-box;box-sizing: border-box;
}
html {
font-family: "Microsoft Yahei";font-size: 16px;
background-color: #eeeee;

四 . 问题

遇到了div与div之间的默认的间隔去除不掉 

五. 怎么解决问题

问了旁边的同学解决的


 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

只为那座空城

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值