通过HTML实现网页的显示

m0_58496493

于 2022-06-13 17:06:27 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

文章标签： html css 前端

本文链接：https://blog.youkuaiyun.com/m0_58496493/article/details/125263669

本文介绍了CSS盒模型的重要性，如何利用盒模型进行页面布局，包括div的使用和盒模型的特殊情况，如margin重合问题。同时，讨论了网站布局的步骤，从分析结构到设定整体样式。在设计规范部分，提到了通用的CSS样式设置，以及遇到div间距问题的解决方案。文章适合前端开发者学习和参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、知识点:盒子模型
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;