DIV

最新推荐文章于 2023-08-28 23:44:49 发布
原创 最新推荐文章于 2023-08-28 23:44:49 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#div #session #html #javascript #function #文档

DIV元素是用来为HTML文档内大块（block-level）内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容老师用来构成这个块的，其中所包含元素的特性由div标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

DIV和SPAN
很多开发人员都把DIV元素同SPAN元素弄混淆了。尽管它们在特性上相同，但是SPAN是用来定义内嵌内容而不是大块内容的。你可以对段落使用DIV标签，但是SPAN对于为段落内之一个或者多个字赋予特殊之特性很有用。

DIV标签允许你分割一个Web页面，以此来进行格式化和演示。可以将它和可视性之技巧组合起来使用，用以分割页面之内容，并显示你所选择之内容。下面这段示例代码使用了DIV标签将该页面分割成了多个区域，超链接会显示和隐藏这些区域：

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>div test</title>
        <script language="javascript">
            function show(){
                document.getElementById("id1").style.visibility="hidden";
                document.getElementById("id2").style.visibility="hidden";
                document.getElementById("id3").style.visibility="hidden";
            }
        </script>
    </head>

    <body onLoad="show()">
        <li>
            <a href="#"
                onClick='document.getElementById("id1").style.visibility="visible";
    document.getElementById("id2").style.visibility="hidden";
    document.getElementById("id3").style.visibility="hidden";'>session1</a>
        </li>
        <li>
            <a href="#"
                onClick='document.getElementById("id1").style.visibility="hidden";
    document.getElementById("id2").style.visibility="visible";
    document.getElementById("id3").style.visibility="hidden";'>session2</a>
        </li>
        <li>
            <a href="#"
                onClick='document.getElementById("id1").style.visibility="hidden";
    document.getElementById("id2").style.visibility="hidden";
    document.getElementById("id3").style.visibility="visible";'>session3</a>
        </li>
        <div id="id1">
            session1
        </div>
        <div id="id2">
            session2
        </div>
        <div id="id3">
            session3
        </div>
    </body>
</html>

 

 

 

「HTML和CSS入门指南」div 详解
a451319296的博客
06-07 1623
div 标签是一个重要的标签，用于创建一个容器，可以将其中的内容作为一个整体进行布局和样式设置。在使用 div 标签时，请注意选择正确的属性和方法、语义化和嵌套，并避免兼容性问题。
CSS—DIV
qq_39162424的博客
12-05 1424
待整理  1. 集体声明：样式表中有相同的属性可以一起声明   2. 标记类型： 1. 内联：块级 2. div标记：浮动块   3. 盒子模型： 1. border：边框 2. padding：内边距 3. margin：外边距
css div
04-14
NULL 博文链接：https://ssydxa219.iteye.com/blog/1685030
十四，div设置
好多可乐的博客
12-15 3157
DIV简介： 一，什么是div？ div是层叠样式表中的定位技术，全称division 有时把div称为图层，更多时候称为“块” 二，div样式设置 div大小，背景设置 div溢出效果展示，换行，滚动条显示 div边框，轮廓设置 盒子模型 div{ background-color: yellow; width: 100px; height: 100px; position: absolute; top: 200px; left:
『循序渐进12天学习XHTML』
Tony 's Blog 只为精进而生
07-17 2089
第1天:选择什么样的DOCTYPE   前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是：http://www.
div
weixin_34184561的博客
04-01 160
<!--<div></div>不是功能标签可以放文字、图片以及各种元素的块标签常常用来布局--><style> #d1{ background-color: blue; height: 50px; width: 50px; float: left; } #d2{ ...
子Div使用Float后撑开父Div的几种方法
01-21
一个Div包含了多个子Div... <div id=”div1″> <div id=”div2″>two</div> <div id=”div3″>one</div> </div> 如果想要撑开父元素可以采用以下方法： 方法一： 父元素设置overflow以及zoom，样式如下： 复制代码
js实现获取div坐标的方法
01-19
本文实例讲述了js实现获取div坐标的方法。分享给大家供大家参考，具体如下： html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如下方法可以实现： /*** * 获取div的坐标 * @param divObj * @returns {{...
ARM调试接口架构规范ADIv5.0至ADIv5.2_中文版.pdf
08-25
"ARM调试接口架构规范ADIv5.0至ADIv5.2中文版" ARM调试接口架构规范ADIv5.0至ADIv5.2中文版是ARM系列产品MCU的调试接口协议及构架规范的中文版本，主要介绍了ARM内核调试协议、SWD接口、JTAG接口下载协议等内容。 ...
JS控制div跳转到指定的位置的几种解决方案总结
01-19
总结一下自己在写这个需求遇到的问题，相信大家应该是经常遇到的。即要求滚轮滚动到指定的位置。先看下基本的解决方案。... <div id=div1>div1</div> <div id=div2>div2</div> <div id=div3>div3</div> css样式：
div在div中居中的多种方式演示.html
05-07
提供了div在div中居中的多种方式，直接打开文件F12查看样式即可，简单方便。不再只会使用绝对布局
<div>
立业的博客
12-07 2466
■ 定义 用作标签的容器 div表示单词division，意为分割，分区 ■ 使用说明 <div>标签没有语义，用于布局 一行只能放一个div，可以认为是一个大盒子 ■ 示例 <div>我是一个div标签我一个人单独占一行</div>123 <div>我是一个div标签我一个人单独占一行</div>456 效果： 虽然123和4...
div的定义div的用法 div的属性（最全的div学习页面）
m0_67042663的博客
08-22 8967
最全的div介绍
div盒子标签
huaz_md的博客
08-28 1471
div本身是没有任何含义的，它一般是作为划分区域的标签，是一个很单纯的标签，可塑性很强，一般用来做容器，所以称为盒子。把对应的内容放在div盒子里面（分割区域，div本身没有宽高、颜色属性）DOCTYPE html > < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 练习 < style > * {margin : 0;//清除外边距 padding : 0;
DIV标签详细介绍
热门推荐
qq_37219446的博客
08-09 3万+
div 是 division 的简写，division 意为分割、区域、分组。比方说，当你将一系列的链接组合在一起，就形成了文档的一个 division。 可定义文档中的分区或节（division/section）。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值