认识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>

认识div(division)在排版中的作用相关推荐

html中如何写新闻题目,用DIV+CSS实现网页排版中新闻列表的制作
css代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0p ...
do {...} while (0) 在宏定义中的作用
有篇文章解释很清楚:do {...} while (0) in macros 然后,一位女程序媛把它翻译了一遍,排版清晰,想省力的看这边.do {...} while (0) 在宏定义中的作用
图书漂流系统的设计和研究_研究在设计系统中的作用
图书漂流系统的设计和研究 Having spent the past 8 months of my academic career working co-ops and internships in ...
网页设计排版中哪些元素最重要？
有一些网页设计新手会认为,在设计网页的时候最重要的应该是如何添加一些具有吸引力的内容,所以他们只把大量的精力放在内容的设计上.在我看来,内容质量的好坏确实是能够决定你浏览量多少的关键因素,但事实上,页 ...
网页设计排版中哪些元素比较重要？
有一些网页设计新手会认为,在设计网页的时候重要的应该是如何添加一些具有吸引力的内容,所以他们只把大量的精力放在内容的设计上.在合肥学码思小编看来,内容质量的好坏确实是能够决定你浏览量多少的关键因素,但 ...
NC | 哈佛医学院刘洋彧组MAG解析人微生物组在COVID-19中的作用
题目:Dissecting the role of the human microbiome in COVID-19 via metagenome-assembled genomes 发表杂志:Nat ...
Gut | 微生物胆盐水解酶在粪菌移植治疗复发性艰难梭菌感染中的作用
微生物胆盐水解酶在粪菌移植治疗复发性艰难梭菌感染中的作用文献导读粪菌移植 (FMT) 可有效治疗复发性艰难梭菌感染 (rCDI),但其使用存在缺陷,且它的作用机制仍未明. 已经有研究表明,某些胆汁 ...
vue----label中for作用
vue----label中for作用效果点击label标签点击按钮代码 <!DOCTYPE html> <html><head><meta chars ...
PNAS | 理解单个神经元在深度神经网络中的作用
本次报道论文为发表于PNAS的Understanding the role of individual units in a deep neural network.众所周知,深度神经网络擅长查找可解 ...

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

认识div(division)在排版中的作用相关推荐

最新文章

热门文章