1图片宽高固定，这种情况很简单水平居中就在图片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度图片的高度2，得到margintop值即可2图片高度未知，这个布局比较难实现一般我是用js做的；fontsize 15em 然后，h1的大小是默认大小的15倍，即24像素2416=15small fontsize 0875em small元素的大小是默认大小的0875倍，即14像素1416=0875五流动布局fluid grid。

9网页布局分为自然布局，浮动布局， 定位布局 10当一个元素被定义为浮动显示时，即定义为块状元素并且该元素就会收缩自身体积为最小状态所以，应该有个好的习惯即把浮动元素设置高和宽如果没有设置，则元素会按；lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstylesheetquot type。

html5如何制作响应式网页HTML5 在制作响应式网页时，首先要考虑是全平台适配还是只是移动适配这里以移动响应式网站为例，告诉大家如何制作响应式网页1选择基本设计尺寸，一般以1080为基准确定响应式网页设计的应用场景；普通的网页制作切片采用是table布局，现在HTML5页面制作采用的是DIV+CSS布局方式除此之外，HTML5还增加了很多新功能，包括全新的解析规则淘汰一系列过时或冗余的属性离线编辑拖放功能新增SQL数据库通用标准多用途互联。

第五，实时更新，维护更简单 客户端每次都要更新，比较麻烦但是，更新HTML5游戏就像更新一个页面一样，是即时的瞬间的更新第六，使用门槛低，易于普及HTML5应用导流的入口有很多，比如超级App比如微信朋友圈搜索；1首先往标题中增加如下代码Simple HTML5 Template 复制代码 2往导航标签中添加如下代码，这样很方便地构件了一个简单的页面分类导航Home About Parent Page Child One Child Two with child Child One。

html5页面布局怎么写代码

url 等更加合理的标签section， video， progress， nav， meter， time， aside， canvas等3新的全局属性id， tabindex， repeat 4文件类型声明lt！DOCTYPE仅有一型lt！DOCTYPE HTML5新的JS API。

开发者可以用它开发面向iOSAndroid和BlackberryKindleFire等多种平台的移动应用六DojoFoundationMaqetta来自于IBM的一个项目，DojoFoundationMaqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。

你需要弄清楚3点 1中间的那条淡蓝色的竖线是一个背景图不带圆圈2头像，圆圈还有邮编的信息是一条完整的信息，可以用一个div或li来做容器，它分为三部分，左边头像，中间圆圈，右边信息3今天和昨天这两个。

1html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooter。

aa display flex 使用flex布局，可以轻易获得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px border 1px solid #000aa1， aa2。

html5 div布局

lttitlehtml5 移动端单页面布局lttitle lthead ltbody lt！页面主体部分 ltdiv class=quotmainquot ltsection class=quotcurrquot ltimg src=quotpp_1xpngquot alt=quotquot ltsection ltsection class=quothidequot ltimg。

4上下框架型布局 这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用5标题正文型布局 这类网站的布局结构由上。