所在位置：
首页 >
营销资讯 >
网站运营 > 【博学谷学习记录】超强总结，用心分享| 前端+css+自我学习
【博学谷学习记录】超强总结，用心分享| 前端+css+自我学习
时间：2023-07-06 09:51:01 | 来源：网站运营
时间：2023-07-06 09:51:01 来源：网站运营
【博学谷学习记录】超强总结，用心分享| 前端+css+自我学习：版心和布局流程
阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。
"版心"是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。
布局流程
为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下:
1、确定页面的版心(可视区)。
2、分析页面中的行模块，以及每个行模块中的列模块。
3、制作HTML页面，CSS文件。
4、CSS初始化，然后开始运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块。
通栏型：
清除浮动：
清除浮动的万法
其实本质叫做闭合浮动更好一些，记住，清除浮动就是把浮动的盒子圈到里面，让父盒子闭合出口和入口不让他们出来影响其他元素。
在CSS中，clear属性用于清除浮动，其基本语法格式如下:
因为一定要有content所以就写个小点就可以，后面设置了高度为0和内容不显示。
双伪元素（after，before）清除浮动
这里content可以直接是 “”（什么都不写只写一个“”）
一般来说CSS初始化为：
在线咨询
