当前位置:首页 > 技术知识 > 正文内容

div 标签_div 标签用法

maynowei6个月前 (09-11)技术知识58

定义:HTML文档中的分隔或者是部分,常用于组合块级元素,以便通过样式表来对元素进行格式化。

<div> 是一个块级元素,也就是说它的内容自动的开始一个新行,换行是它固有的特定格式表现,同时它也是一个双向标签。

它应用于样式表,有多种属性:Class、Style、title、ID等。

小实例:

在div中给定id或者是类选择器:

<h1>侠课岛</h1>
<div class="content1">第一段文本内容....</div>
<div class="content2">第二段文本内容....</div>
<div class="content3">第三段文本内容....</div>

<div id="main">第四段文本内容.....</div>

直接在div中添加设置样式属性:

<div style="color:#777;">
    <h2>定义文本内容颜色</h2>
</div>


动手小练习

  1. 使用 <div> 标签定义一段文本内容
  2. 在第一题的基础上对内容进行样式的设置,然后在浏览器中显示出来

相关文章

分享我的产品策划流程,希望对你也有用

本文笔者梳理拆解了自己的产品策划流程,并给出了自己对各流程的思考,希望能够给你带来一定的启发。记得刚开始做产品出需求方案的时候,上来就开始画原型写文档,在写的过程中发现某个交互没想明白或者漏了一部分逻...

第四章:产品设计(2.3)PRD写作 - 原型设计

2.3、原型设计(界面线框图)当我们逐渐清晰了产品的需求后,并梳理了产品的各个频道及页面,那么这一步就要开始验证这些想法的具体界面表现和方案的可行性了。原型设计是帮助我们更细致的思考,并做各项需求的评...

Android让视图折叠(安卓叠加视图设置)

Android UI Libs之ExpandableLayout1. 说明ExpandableLayout,顾名思义,可扩展的布局,是一个可以帮助我们实现折叠功能的第三方库,折叠时,只显示头部,打开时...

C# 中的多线程同步机制:lock、Monitor 和 Mutex 用法详解

在多线程编程中,线程同步是确保多个线程安全地访问共享资源的关键技术。C# 提供了几种常用的同步机制,其中 lock、Monitor 和 Mutex 是最常用的同步工具。本文将全面介绍这三种同步机制的用...

c++ 继承简介(c++继承的概念)

24.1 — 继承简介2024 年 6 月 5 日在上一章中,我们讨论了对象组合,即从更简单的类和类型构建复杂类。对象组合非常适合构建与其部分具有“has-a”关系的新对象。但是,对象组合只是 C++...

一个快要被忘记的数据库开发岗位,但应该被尊重

数据库测试,似乎是被人遗忘的数据库职业,但依然是不错的选择。底下是我在某站找的招聘启事,就连蚂蚁金服都在积极寻找数据库测试人:要说我经历的项目,大大小小也有几十个,从 C/S, B/S, 再到 B/C...