HTML5新元素及其特性HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单本次学习HTML5的新标签元素有ltheader定义页面或区段的头部ltfooter定义页面。

lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleLayoutlttitleltstylebody margin 0 padding 0Header， Footer height 100px backgroundcolor #369Left， Right。

html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章articlediv，ul li标签都是使用比较频繁的标签，span，i，em可以对文字进行单独的描述，表示等lt。

使用flex布局实现2页面代码HTML如下3此时的效果如下垂直居中三 css图片水平垂直居中1利用flex布局实现css水平垂直居中，设计css代码如下2Html代码如下3此时的效果如下水平垂直居中。

7手动强行换行布局br标签遇到文字需要换行的使用br标签即“ltbr ”，值得注意br标签是单独的标签非盒子标签，独立的一个标签，什么地方需要换行就使用br标签8表格型table表格标签在HTML布局中，学习DIV CSS并。

回答先分左右两块，然后左边里面再细分头部和主体ul li排列，右边固定好宽度可以直接输出。

100% background blue该方法有个明显的缺点，就是如果中间栏含有最小宽度限制，或是含有宽度的内部元素，当浏览器宽度小到一定程度，会发生层重叠的情况2 圣杯布局HTML代码如下注意元素次序ltp class=quot。