认识div(division)在排版中的作用

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

语法:

<div>…</div>

确定逻辑部分:

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

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div标签</title>
</head>
<body>
    <div>
        <h2>热门课程排行榜</h2>
        <ol>
            <li>前端开发面试心法 </li>
            <li>零基础学习html</li>
            <li>javascript全攻略</li>
        </ol>
    </div>
    <div>
        <h2>最新课程排行</h2>
        <ol>
            <li>版本管理工具介绍—Git篇 </li>
            <li>Canvas绘图详解</li>
            <li>QQ5.0侧滑菜单</li>
        </ol>
    </div>
</body>
</html>
时间: 2024-10-05 16:22:14

认识div(division)在排版中的作用的相关文章

有关网站排版中遇到的问题

有关网站排版中遇到的问题1.公司简介排版首行文字缩进好多,可以尝试一下在ul上面加一个div然后清除浮动,既可解决2.有关新闻排版,如何在文字前面加图标和文字有下划线文字后面有新闻日期 可用dd或者li 定义宽高设置文字间距,在dd或者li里面添加背景图片不平铺 background:url(../images/icon1.jpg) no-repeat left center; 在li标签里面a标签前面加<span>[2015-4-11]</span>控制span右浮动 .news

Orchard 之:Widget,兼看 Layer 在权限控制中的作用

一:Widget 可以理解为控件,可以直接被页面所引用.行为类似与分部页面,比如,我们可以创建一个 商品列表 Widget,然后这个 Widget 就可以被很多页面所引用. 理解 Widget 这个概念,我们不得不理解另外两个概念: 1:Layer Orchard 默认有这么几个层,Default.Authenticated.Anonymous.Disabled.TheHomepage.Layer 用于承载什么时候 Widget 将会被展现,这么讲大家一定觉得很抽象,其实 Layer 存在的意义

论Node在构建超媒体API中的作用

论Node在构建超媒体API中的作用 作者:chszs,转载需注明. 博客主页:http://blog.csdn.net/chszs 超媒体即Hypermedia,是一种採用非线性网状结构对块状多媒体信息(包含文本.图像.视频等)进行组织和管理的技术.超媒体的概念类似于早期的超文本.超文本的本质是在文本内容加上链接.这样就构成了超文本.超媒体也类似. 不管是超媒体还是超文本.使用的传输协议都是HTTP,这意味着超媒体能够被全部的浏览器所接受. 而描写叙述超媒体的类型我们使用MIME. MIME即

浅析POI在广告投放中的作用

POI(Point of Interest)在广告中的作用主要是通过分析用户地理位置信息提供个性化的服务. 1.POI位置信息的采集方式 a.通过多基站定位: 实现方式之一:首先通过信号传播时差计算出一个基站到一个终端的距离,然后以基站为核心,距离为半径画出一个圆形:然后,采用同样的方式选择另外两个基站 三个圆交汇重叠的地方即为终端的位置. b.区域信号指纹匹配的: 实现方式:首先建立信号特征指纹数据库(位置信息-(电平信号sigS1,sigS2,sigS3,....sigSn)),划分栅格,通

序列点在C语言表达式求值中的作用

摘要: 本文开创性地分析了序列点在C语言表达式求值中的作用:序列点左边的操作数要先于其右边的操作数求值.讨论了逗号操作符,.逻辑与操作符&&.逻辑或操作符||和条件操作符?:的问号处需要序列点的原因.举例分析了序列点在表达式求值中的作用. 关键字:序列点 表达式求值 C语言 C语言作为一种主流程序设计语言,许多编程语言如Java.C++.C#都借鉴了它的语法.C语言也是一种很适当的程序设计入门的教学语言,国内大专院校的许多专业都开设了这门课程并且大多将其作为第一门程序设计语言课程,同时C语

java中static作用详解

static表示“全局”或者“静态”的意思,用来修饰成员变量和成员方法,也可以形成静态static代码块,但是Java语言中没有全局变量的概念. 被static修饰的成员变量和成员方法独立于该类的任何对象.也就是说,它不依赖类特定的实例,被类的所有实例共享. 只要这个类被加载,Java虚拟机就能根据类名在运行时数据区的方法区内定找到他们.因此,static对象可以在它的任何对象创建之前访问,无需引用任何对象. 用public修饰的static成员变量和成员方法本质是全局变量和全局方法,当声明它类

移位操作及其在数据类型转换中的作用

一.对移位操作的基本概述: 1.什么样的数据类型可以直接移位 char.short.int.long.unsigned char.unsigned short.unsigned int.unsigned long都可以进行移位操作,而double.float.bool.long double则不可以进行移位操作. 2.有符号数据类型的移位操作 对于char.short.int.long这些有符号的数据类型: 对负数进行左移:符号位始终为1,其他位左移 对正数进行左移:所有位左移,即 <<,可能

在UITableView中识别作用滑动,实现上下翻页的功能

目前有三种方案: 1. UIScrollView + UITableView. 实现方法,在UIScrollView中,加入UITableView即可 设置UIScrollView的代理和方法 - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ int currentPostion = scrollView.contentOffset.x; if (currentPostion - 0 > 50) { NSLog(@"Scroll

inherited在消息中的作用

好奇一下.看来Object Pascal确实与Windows深入结合了. unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, StdCtrls, ExtCtrls; const UM_Test = WM_USER + 100; type TForm1 = class(TForm) Button1: TButton; proced