div排版

作者: LvyCode | 来源:发表于2017-07-31 17:20 被阅读94次

在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个标签的作用就相当于一个容器。

语法:

<div>…</div>

确定逻辑部分:

什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用<div>标签作为容器。

相关文章

  • div排版

    在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个 标签中,这个标签的作用就相当于一个容器。 语法: ...

  • DIV+CSS布局

    DIV与SPAN 区隔标记(DIV)与SPAN都同于排版与布局。区别在于:DIV是一个块级元素,可以包含段落、标题...

  • css实现图片左右滑动

    1.脚本 2.css样式 div 横向排版,出现滑块

  • CSS基础(学习笔记)

    div 高度由其内部文档流元素高度总和决定 文档流 文档内元素的流动方向内联元素从左往右排版块级元素从上往下排版,...

  • 前端HTML & CSS 基础入门(6)表格

    表格的基本结构 表格是网页上最常见的元素,它除了可以用来展示数据,还常常被用来排版。虽然现在提倡使用DIV+CSS...

  • VSCode 的 react 格式化代码就乱了

    我设置了保存自动格式化代码,格式化后代码乱了,怎么办?(DIV元素或者组件的排版乱七八糟上蹿下跳。。。) 点击右下...

  • CSS选择器学习笔记:

    关系选择器: div div:div之后的所有div,即子div,孙div,重孙div等等等,只要包含在我div里...

  • CSS图片下面有间隙的6种解决方案

    在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余...

  • Markdown语法

    标题 引用 多层嵌套 行内标记 < div> < div> < div> < div> < /div> ,其...

  • 选择器类型

    标签选择器 div{ color:red; }

    a
    b
    类选...

网友评论

      本文标题:div排版

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