1.利用class或id定义div块,从而进行布局
HTML5 语义元素:(代码见div_buju)
header:定义文档或节的页眉
nav:定义导航链接的容器
section:定义文档中的节
article:定义独立的自包含文章
aside:定义内容之外的内容(比如侧栏)
footer:定义文档或节的页脚
details:定义额外的细节
summary:定义 details 元素的标题
2.利用表格进行布局
使用 <table> 元素能够取得布局效果,因为能够通过 CSS 设置表格元素的样式(少用)
3.响应式web设计(RWD)
RWD 能够以可变尺寸传递网页,RWD 对于平板和移动设备是必需的。
使用 Bootstrap设计响应式web,是现成的 CSS 框架
网友评论