• 工信部:17年12批新能源车推荐车型目录 2019-05-11
  • 美国再挑贸易战,中方强力回击,全球市场跌声一片 2019-05-11
  • 四川都江堰再现野生大熊猫踪迹 比3月拍到的更肥 2019-05-10
  • 坚持和发展马克思主义的宣言书 2019-05-10
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-04-26
  • 众星云集 “欧洲红魔”能否用战绩兑现黄金一代的天赋 2019-04-26
  • 比如最高检的12309检查服务中心,原来还有显示信访处理进程,不过没有几天就取消了。[上火][上火] 也就是说办与不办也没有人知道,下边省事了,上边也就轻松了。 2019-04-16
  • 男女差别有多大?河北省首次公开发布分性别统计分析报告 2019-04-05
  • 菲律宾媒体和网民热议"中国剧场"开播 2019-04-05
  • 坚持和完善我国基本经济制度的两条新经验 2019-04-02
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产济南 2019-04-02
  • [洞见]草榴死了 欲望还活着草榴性 2019-04-02
  • 回顾:五年来习近平的“两会金句” 2019-04-02
  • 云南省2018年度国家社科基金项目申报工作的几点做法 2019-04-01
  • 地理君的专栏作者中国国家地理网 2019-04-01

    河北十一选五基本走势图表:HTML 替换元素与非替换元素

    燕赵风采20选5走势图 www.fllv.net 2018-11-16 09:49| 作者: admin| 查看: 1675| 评论: 0|来自: 蚂蚁部落

    从不同的角度,元素可以有不同的分类。

    比如HTML元素可以分为块级元素,行内元素或者块级行内(内联)元素。

    具体可以参阅CSS块级/内联元素一章节。

    HTML元素还可以划分为替换元素与非替换元素,下面简单进行一下相关介绍。

    一.替换元素:

    所谓替换元素就是根据元素内相关属性的不同,浏览器会有不同的解析展现。

    比如input元素、img元素或者iframe元素等。

    input会根据type属性值的不同会有不同的展现,img会根据src属性值的不同也会有不同的展现。

    可以看到这些元素都是空元素,没有实际内容。

    代码如下:

    [HTML] 纯文本查看 复制代码
    <input type="text" value="蚂蚁部落"/>
    <img src="girl.jpg"/> 
    <iframe src="//www.fllv.net">

    二.非替换元素:

    div、span或者p等都是非替换元素。

    它们都是非常"直率"的元素,直接将内容展现给浏览器。

    [HTML] 纯文本查看 复制代码
    <div>蚂蚁部落</div>

    上述主要目的是让读者对替换元素与非替换元素有一个大致概念。

    两种类型元素还具有其他特点,本文不做介绍。

    三.行内替换元素:

    通常情况下,我们会说行内元素是不能进行如下操作:

    (1).设置元素的尺寸。

    (2).设置上下内外边距。

    但是行内替换元素是例外,比如img图片和input元素。

    代码实例如下:

    [HTML] 纯文本查看 复制代码运行代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="//www.fllv.net/" />
    <title>蚂蚁部落</title>
    <style type="text/css">
    input{
      margin:50px;
      width:200px;
      height:60px;
    }
    </style>
    </head>
    <body>
      <input type="text" value="蚂蚁部落"/>
    </body>
    </html>

    代码运行效果截图如下:

    a:3:{s:3:\"pic\";s:43:\"portal/201811/16/095142ug4p0althjts0si2.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

    input是一个行内元素,但是我们可以设置它的上下内外边距和尺寸。

    绝大多数替换元素都是行内元素。

    四.行内非替换元素:

    对于行内非替换元素会遵守我们经常提起的规则:

    (1).无法设置元素的尺寸。

    (2).无法设置元素的上下内外边距。

    最新评论

    返回顶部
  • 工信部:17年12批新能源车推荐车型目录 2019-05-11
  • 美国再挑贸易战,中方强力回击,全球市场跌声一片 2019-05-11
  • 四川都江堰再现野生大熊猫踪迹 比3月拍到的更肥 2019-05-10
  • 坚持和发展马克思主义的宣言书 2019-05-10
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-04-26
  • 众星云集 “欧洲红魔”能否用战绩兑现黄金一代的天赋 2019-04-26
  • 比如最高检的12309检查服务中心,原来还有显示信访处理进程,不过没有几天就取消了。[上火][上火] 也就是说办与不办也没有人知道,下边省事了,上边也就轻松了。 2019-04-16
  • 男女差别有多大?河北省首次公开发布分性别统计分析报告 2019-04-05
  • 菲律宾媒体和网民热议"中国剧场"开播 2019-04-05
  • 坚持和完善我国基本经济制度的两条新经验 2019-04-02
  • 5月份61城房价环比反弹 多地调控政策或再加码 ——凤凰网房产济南 2019-04-02
  • [洞见]草榴死了 欲望还活着草榴性 2019-04-02
  • 回顾:五年来习近平的“两会金句” 2019-04-02
  • 云南省2018年度国家社科基金项目申报工作的几点做法 2019-04-01
  • 地理君的专栏作者中国国家地理网 2019-04-01
  • 江苏时时彩代理公司 天津时时彩彩规则 中国彩票网 京东彩票优惠券怎么用 2元彩票网排三走势图 双色球开奖时间 365体育投注 中国体彩七星彩 北京赛车有规律走势吗 四川时时彩app下载手机版下载手机版下载手机版 双色球基本走势图100期 6场半全场胜负彩比分 北京pk10是国家彩票吗 时时彩走势图 澳门赌场筹码 新疆喜乐彩和值图