DIV ID用途_纸的用途

DIV ID用途_纸的用途我是超级链接这个例子是一个很简单的超级链接。用到了DIV,实际上DIV就相当于一个肉眼看不到盒子,盒子里边可以放入很多的文字、图片、flash等等。而盒子里边内容的样式,就全部靠DIV的id所对应的

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

<div id=”navigator”>
               <a href=”http://www.av286.com”>我是超级链接</a>
</div>
 
这个例子是一个很简单的超级链接。用到了
DIV,实际上
DIV就相当于一个肉眼看不到盒子,盒子里边可以放入很多的文字、图片、flash等等。而盒子里边内容的样式,就全部靠
DIV
id所对应的CSS属性值来控制,这就是
DIV的重点之处。
 
ok,我们已经有了这个盒子,他的
id是navigator,里边的内容是一个超级链接的代码。现在我要控制这个盒子的样式,比如修改这个盒子的背景色,怎么办呢?
 
我们打开CSS文件,输入以下代码
 
#navigator{
background:#cccccc;
}
 
这个CSS属性就是定义了
id为navigator的
div盒子中背景的颜色为灰色。
下面要加入什么样式,只要在这个
ID的{}内写进去就好了,从此我们再也不用在html文件中输入大量的样式代码了,搜索引擎也能更快的抓取到我们的内容了。呵呵~~~


 <div id=”header”>
      <h1>
        <asp:Literal ID=”Literal1″ runat=”server” Text=”<%$ AppSettings:SiteTitle %>” /></h1>
      <asp:SiteMapPath ID=”SiteMapPath1″ runat=”server” CssClass=”breadcrumb” />
    </div>

#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 80px;
    width: 780px;
    padding: 10px;
}

#nav
{
    position: absolute;
    left: 0px;
    top: 100px;
    width: 180px;
    height: 580px;
    padding: 10px;
}

#body
{
    position: absolute;
    left: 200px;
    top: 100px;
    width: 580px;
    height: 580px;
    padding: 10px;
}

.mrbEventList
{
    width: 40%;
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166833.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 十款常用Linux系统介绍「建议收藏」

    十款常用Linux系统介绍「建议收藏」你可曾知道Linux的魅力或威力来自哪里?那就是,由于众多发行版百花齐放,Linux的阵营日益壮大,每一款发行版都拥有一大批用户,开发者自愿为相关项目投入精力。Linux发行版可谓是形形色色,它们旨在满足每一种能想得到的需求。本文就是为了简述某一款发行版为何存在、该发行版的目标用户是哪些,以及它与其他发行版相比有什么样的特殊功能。1.DebianDebian运行起来极其稳定,这使得它非常…

    2022年6月7日
    88
  • MyBatis 批量插入数据的 3 种方法

    MyBatis 批量插入数据的 3 种方法批量插入功能是我们日常工作中比较常见的业务功能之一 今天来一个 MyBatis 批量插入的汇总篇 同时对 3 种实现方法做一个性能测试 以及相应的原理分析 先来简单说一下 3 种批量插入功能分别是 循环单次插入 MP 批量插入功能 原生批量插入功能 准备工作开始之前我们先来创建数据库和测试数据 执行的 SQL 脚本如下 创建数据库 SETNAMESutf

    2025年6月20日
    3
  • 遍历qvector_顺序储存容器QVector | 学步园

    遍历qvector_顺序储存容器QVector | 学步园容器 Containers 有时候也被称为集合 collections 指的是能够在内存中存储其他特定类型的对象的对象 这种对象一般是通用的模板类 C 提供了一套完整的解决方案 成为标准模板库 StandardTemp 也就是我们常说的 STL Qt 提供了它自己的一套容器类 这就是说 在 Qt 的应用程序中 我们可以使用标准 C 的 STL 也可以使用 Qt 的容器类 Qt 容器类的好处在

    2025年7月4日
    3
  • IDEA热部署设置

    IDEA热部署设置转载位置:https://blog.csdn.net/nihao12323432/article/details/82664601

    2022年6月13日
    27
  • html+css唯美登录页面,代码提供(效果展示)「建议收藏」

    html+css唯美登录页面,代码提供(效果展示)「建议收藏」效果图所有代码<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><metahttp-equiv=”X-UA-Compatible”content=”IE=edge”><metaname=”viewport”content=”width=device-width,initial-scale=1.0″><ti

    2022年5月23日
    42
  • C语言 图书销售管理系统[通俗易懂]

    C语言 图书销售管理系统[通俗易懂]C语言图书销售管理系统

    2022年5月2日
    73

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号