大家好，今天小编关注到一个比较有意思的话题，就是关于css的布局模型的问题，于是小编就整理了3个相关介绍css的布局模型的解答，让我们一起看看吧。
css如何使页面缩小后不变？
1、打开编辑器，创建一个HTML文档，并且设立一下基本的架构。
2、我们用img标签嵌入一张图片，我们可以看出如果页面缩小，图片不会随着缩小，这样页面就变形了。
3、然后创建CSS文档，并且关联现在的HTML文档。利用LINK标签。
4、* { text-align: center;} img { width: 800px; height: 800px;}为了方便显示，我们先居中图片，并且设置基础的长宽。
5、@media only screen and (max-width: 600px) { img { width: 300px; height: 300px; }}
现在我们在CSS文件后面加上这行代码，指的是页面缩小到宽度为600px后，图片的长宽也跟着缩小，这里要注意比例。
6、然后我们试着缩小页面，就可以发现会跟着缩小，这样就可以制作不变的效果。
CSS样式是专门用来进行什么的，样式表中的CSS包括三种类型？
CSS即层叠样式表（Cascading Style Sheets），是一种专门用来表现HTML或XML等文件样式的计算机语言。
CSS样式主要包含以下三种类型：
1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......">
2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：
3、外部样式（外联样式）：写在css文件内。
CSS样式用于控制网页的外观和布局。它可以让开发人员改变网页中的文字样式、颜色、大小、间距、背景等，以及定义元素的位置和尺寸。
在样式表中，CSS包括以下三种类型：
1. 内联样式（Inline Styles）：内联样式是通过将CSS样式直接应用于HTML元素的“style”属性来定义的。这种方式将样式与特定的元素绑定在一起，适用于单个元素的样式定义。
示例：
```html
这是一个内联样式的段落。
```
html标签div怎么上下对齐？
div上下居中有很多方式
方式一 利用vertical-align
1. 父div外层再配置一个div，同时设置为display:table，宽度为100%
2.父div配置位表格单元格元素display:table-cell和上下居中属性vertical-align:middle
1、首先打开Sublime Text软件，新建一个HTML页面，
2、然后我们在html页面中加入div标签，并且在div标签中加入一些文字，
3、接下来我们给div标签编写CSS样式，这里主要是text-align和line-height两个属性，
4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了。
到此，以上就是小编对于css的布局模型的问题就介绍到这了，希望介绍关于css的布局模型的3点解答对大家有用。