首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

html替换(置换)元素

01 替换(或置换)元素概念 在 CSS 中,替换元素(replaced element)展现效果不是由 CSS 来控制。这些元素是一种外部对象,它们外观渲染,是独立于 CSS 。...简单来说,它们内容不受当前文档样式影响。CSS 可以影响替换元素位置,但不会影响到替换元素自身内容。...CSS 能对替换元素产生唯一影响在于,部分属性支持控制元素内容在其框中位置或定位方式 02 替换元素 典型替换元素有: 、、、 有些元素仅在特定情况下被作为替换元素处理...,eg: 、、、、 HTML 规范也说了 元素替换,因为 "image" 类型 元素就像...该规范用术语小挂件(Widgets)来描述它们默认限定平台渲染行为。 用 CSS content 属性插入对象是匿名替换元素。它们并不存在于 HTML 标记中,因此是“匿名”。

3.2K20

HTML 行盒元素、行块盒及替换元素特点

HTML 行盒元素、行块盒及替换元素特点 一、常见行盒元素 常见行盒元素有 span、strong、em、i、img、video、audio、a。...这些行盒元素特点如下: 盒子填充与宽度:盒子沿着内容方向填充,宽度由内容决定。 宽高设置:行盒元素不可以直接设置宽高,只能设置行高。...三、替换元素与非替换元素替换元素:大部分元素页面上显示结果取决于元素内容,如常见文本标签等。...替换元素:少部分元素页面上显示结果取决于元素属性,如 img、video、audio。 行盒特性:绝大部分替换元素均为行盒。...盒子模型:替换元素类似于行块盒,盒子模型中所有尺寸都有效,包括宽高。

6810
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML 元素

    元素内容是开始标签与结束标签之间内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签结束而结束) 大多数 HTML 元素拥有属性 注释:...嵌套 HTML 元素 大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。 HTML 文档由相互嵌套 HTML 元素构成。 HTML 文档实例 <!...忘记使用结束标签会产生不可预料结果或错误。 ---- HTML元素 没有内容 HTML 元素被称为空元素。空元素是在开始标签中关闭。... 就是没有关闭标签元素( 标签定义换行)。 在 XHTML、XML 以及未来版本 HTML 中,所有元素都必须被关闭。...在开始标签中添加斜杠,比如 ,是关闭元素正确方法,HTML、XHTML 和 XML 都接受这种方式。

    1.2K10

    HTMLHTML5 元素布局使用

    HTML 标签 定义和用法 可定义文档中分区或节(division/section)。 标签可以把文档分割为独立、不同部分。它可以用作严格组织工具,并且不使用任何格式与其关联。...如果用 id 或 class 来标记 ,那么该标签作用会变得更加有效。 用法 是一个块级元素。这意味着它内容自动地开始一个新行。实际上,换行是 固有的唯一格式表现。...可以通过 class 或 id 应用额外样式。 不必为每一个 都加上类或 id,虽然这样做也有一定好处。...可以对同一个 元素应用 class 或 id 属性,但是更常见情况是只应用其中一种。...这两者主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独唯一元素

    4K20

    认识html元素

    HTML 文档是由 HTML 元素 定义,而HTML 元素指的是从开始标签(start tag)到结束标签(end tag)所有代码。...首先,HTML元素从闭合属性上可分为2类: 自闭和标签 自闭和标签在html元素比例不大,常用就以下几个: 从上面的标签可以看出,自闭合标签形如...: (建议:/和前面的标签名之间空一格) 手动闭合标签 html元素中大多数标签都是需要我们手动闭合。...这样即使图像无法显示,用户还是可以看到关于丢失了什么东西一些信息。) ? br 插入一个简单换行符。 注释:请使用 来输入空行,而不是分割段落。...即使相同,也可以同时选中; textarea元素 在这篇文章中,你可以对html元素有基本了解。

    2.3K41

    HTML元素嵌套规则

    一、HTML 标签包括 块级元素(block)、内嵌元素(inline)   1、块级元素   一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:   address、blockquote、center...一般用在网站内容之中某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:   a、abbr、acronym、b、bdo、big、br、cite、code、dfn、...em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var   二、HTML...块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它内联元素:    —— 对   ...有几个特殊块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊标签是:   h1、h2、h3、h4、h5、h6、p、dt   4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来

    2.5K20

    替换元素和非替换元素

    替换元素和非替换元素 替换元素replaced element也称作置换元素,其展现效果不是由CSS来控制,这些元素是一种外部对象,它们外观渲染,是独立于CSS。...替换元素 一个内容不受CSS渲染控制,CSS渲染模型并不考虑对此内容渲染,且元素本身一般拥有固有尺寸例如宽度、高度、宽高比等元素,被称之为置换元素。...对于替换元素,浏览器会根据元素标签和属性,来决定元素具体显示内容。 替换元素内容不受当前文档样式影响,CSS可以影响替换元素位置,但不会影响到替换元素自身内容。...对于某些替换元素,例如元素,可能具有自己样式表,但它们不会继承父文档样式。 CSS能对替换元素产生唯一影响在于,部分属性支持控制元素内容在其框中位置或定位方式。...HTML大多数元素是不可替换元素,即其内容直接表现给浏览器,例如、、~、等等等等。

    2K30

    HTML内联元素与块级元素

    内联元素与块级元素转换 块元素(block element)和内联元素(inline element)都是html规范中概念。在加入了CSS控制以后,可以改变块元素和内联元素之间差异。...可变元素是基于以上两者随环境而变化,它需要根据上下文关系确定该元素是块元素或者内联元素。可变元素隶属于上述两种元素,一旦根据上下文确定了它类别,它就要遵循块元素或者内联元素规则。 4....定义一个框架集form创建 HTML 表单h1定义最大标题h2定义副标题h3定义标题h4定义标题h5定义标题h6定义最小标题hr创建一条水平线legend元素为 fieldset 元素定义标题li标签定义列表项目...标签定义 HTML 表格tbody标签表格主体(正文)td表格中标准单元格tfoot定义表格页脚(脚注或表注)th定义表头单元格thead标签定义表格表头tr定义表格中行 3.2 行内元素列表...TypeNotea标签可定义锚abbr表示一个缩写形式acronym定义只取首字母缩写b字体加粗bdo覆盖默认文本方向big大号字体加粗br换行cite引用进行定义code定义计算机代码文本dfn定义一个定义项目

    3K30

    HTML5废除元素

    HTML5新增了一些元素,但是也废除了一些元素,虽然这些元素在网页中仍然可以使用,但是避免以后网页显示出现问题,最好还是避免使用它们。...1、可以使用css替代元素 对于basefont、big、center、font、s、strike、tt、u这些元素,它们功能都是展现文本效果,HTML5提倡将呈线性功能放在css样式表中统一编辑,...其中s、strike元素可以由del元素替代,tt元素可以由cssfont-family属性替代。...2、不再使用frame框架 将frameset、frame和noframes元素废除,由于frame框架可以存在负面影响,在HTML5中不再支持了,只支持iframe框架(很多童鞋可能都不知道frame...框架) 3、只有部分浏览器支持元素 仅被IE支持元素:bgsound、marquee; 部分浏览支持元素:applet、blink; apple元素可由embed元素或者object元素替代 bgsound

    1.5K20
    领券