1、流动布局流动布局是浏览器默认的布局方式他会按照你所写的标签特性，从上至下从左到右的方式进行排列在HTML中我们按照标签的排列特性可以将它们分成三类1行级元素不独占一行，不能设置元素的高度宽度和底边边距；HTML5新元素及其特性HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单本次学习HTML5的新标签元素有ltheader定义页面或区段的头部ltfooter定义页面；1HTML布局主要有两种方式，一种是表格布局，一种是DIV布局2HTML表格布局是WEB10时代主要使用的布局方式，即使用TABLE标签进行布局，优点是布局比较简单3HTML DIV布局是WEB20时代主要使用的布局方式，优点是符合；1图片宽高固定，这种情况很简单水平居中就在图片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度图片的高度2，得到margintop值即可2图片高度未知，这个布局比较难实现一般我是用js做的。

2、1如果你会htmlcss可以直接写代码，最方便的是用网上的js插件，有很多很炫酷的插件2如果不了解代码的话就用ps做出整个网页页面，然后将每个按钮每个菜单栏每个你要修改的地方都拆成一个个小图片，最后在；可以使用多种布局方法1 使用rem单位，窗口改变时，js修改顶层像素尺寸2 js整体缩放窗口，动态改变transform的scale值3 使用css媒体查询，动态更改字体大小，配合gridtable或flex布局4 js动态更改meta的设备缩放；3无论什么元素，一旦设置为是浮动显示，就拥有了完整的盒模型结构，我们就可以使用外边距，内边距，边框，高和宽来控制的大小以及与其他对象之间的位置关系4浮动是从网页布局的角度来定义元素的显示，而行内和块状属性。

3、第一步新建html文档并搭建框架 新建一个TXT文档，重命名为“田子格布局html”，然后用记事本打开，输入表头信息，已经html整体框架搭建包括head与body第二步DIV布局 分别复制4个不同的div作为4部分，并且分别命名为；首先说下移动端的布局rem布局rem是指html元素上的字体大小对应的像素数值，使用rem为长度单位理想情况下如果将所有的长度单位都用rem标示，那么我只需要更改html上的fontsize即可同步按比例更改所有长度单位包括。

4、6“三”型布局 这种布局多用于国外网站，国内用得不多其特点是页面上横向两条色块，将页面整体分割为4个部分，色块中大多放广告条7对称对比布局 顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色；在HTML开发中，制作网站时首先需要考虑内容是页面内容和页面布局首页是整个网站页面最完整的内容，将网站的每一栏内容设置为一个，这样的功能如果排版不当，那么首页就会出现混乱因此，主页的布局是整个网站的首要任务，所以主页的布局必须简；利用HTML进行布局的方法有1通过“lttable”标签来对表格的行和列进行排列来实现页面布局的效果2将网页内容放在多个页面中的多列布局3使用div和span标签进行布局页面布局标题前端的一部分，用于页面顶部lt；1所谓HTML是超文本标记语言HyperText Markup Language，简称HTML是一种用于创建网页的标准标记语言2HTML页面布局有两种方式，一种是TABLE布局，一种是DIV布局3以前WEB10时代基本上都是table布局，后来WEB20；1浮动布局技术，兼容性比较，但页面宽度不够时会影响布局2绝对定位布局技术3flex弹性布局技术，自适应好，高度能自动撑开。

5、0quot lttitleDocumentlttitle ltstyle * margin 0 padding 0 html， body height 100% body display flex flexdirection column。