美文网首页
HTML页面布局

HTML页面布局

作者: 竹子bupt | 来源:发表于2020-02-15 21:06 被阅读0次

    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 框架

    相关文章

      网友评论

          本文标题:HTML页面布局

          本文链接:https://www.haomeiwen.com/subject/kwrrfhtx.html