`

内联与块元素

    博客分类:
  • html
CSS 
阅读更多
    网页美化现在开始用css了.对网页中美化,涉及到对元素的美化.

    元素的分类:

    span 属内联元素(Inline elements),div 属块级元素(block-level elements)。内联元素只能包含文字和内联元素,块级元素可以包含文字、内联元素和块级元素。


   常见的内联元素有:A、IMG、INPUT、LABEL、SELECT、SPAN、TEXTAREA


   常见的块级元素有:DIV、FORM、H1、H2、H3、H4、H5、H6、HR、NOFRAMES、NOSCRIPT、P、TABLE、UL;FRAMESET、LI、TBODY、TD、TFOOT、TH、THEAD、TR

   以下元素既可是块级元素,也可是内联元素,当它们被另一个内联元素或 P 包含时,被看作是内联元素:APPLET、BUTTON、IFRAME、MAP、OBJECT、SCRIPT.


   块级元素特性

   默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示。

当然块级元素也能变成内联元素,那就是通过css的display:inline.不能设置宽高了. 把块级设置为float相当于不独占一行,但是作为块级元素.因为可以设置它得宽高.(引自阿里满满 Alimanman 文章,但作者没有解释float的真正作用)


  内联元素特性

   内联元素的高度宽度都是不可以设置的,其宽度就是自身文字或者图片的宽度。我们常用到的、、都属于内联元素。内联元素的显示特点就是像文本一样的显示,不会独自占据一个行。当然内联元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的,把内联元素为float相当于不独占一行,但是作为块级元素.因为可以设置它得宽高.
分享到:
评论

相关推荐

    什么是块元素block和内联元素inline

    ### 什么是块元素(block)和...` 可以将块元素转换为内联元素或内联块元素。 理解块元素和内联元素的概念及其应用是网页设计的基础,通过合理利用这两种元素的不同特性,可以有效地控制网页布局和内容呈现的方式。

    网页制作过程中块元素与内联元素ppt

    个人主页:www.xmqisheng.com 包含了曾经讲网页过程中的块元素与内联素区别时的知识点课件。

    浅谈CSS块级元素与行内元素(内联元素)的区别和联系

    块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素。最常见的就是P和div这两个,说的简单点,块元素就好比一个四方块,可以放其他的四方块,并可以呈现在页面上任何地方。默认情况下块...

    CSS文档流与块级元素(block)内联元素(inline)那点事

    CSS文档流与块级元素(block)内联元素(inline)那点事

    css块状元素与内联元素以及inline-block

    * 它可以容纳内联元素和其他块元素 常见的块状元素有: * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级元素,也是 CSS 布局的主要标签 * dl - 定义列表 * ...

    html-内联元素和html-块级元素概述及区别.doc

    此外,display:inline-block可以创建内联块元素,它结合了内联和块级元素的特点,既可以在同一行显示,也可以调整宽度和高度。 可变元素则是指在不同上下文中可以表现为块级元素或内联元素的元素。例如,applet、...

    行内和块元素

    块元素(block element)包括:address(地址)、blockquote(块引用)、center(居中对齐块)、dir(目录列表)、div(常用块级容器)、dl(定义列表)、fieldset(表单控制组)、form(交互表单)、h1~h6(各级标题...

    《网友设计与开发》中块元素与行内元素详解

    HTML 元素详解 - 块元素与行内元素 在 HTML 中,元素可以分为两大类:块元素(block element)和行内元素(inline element)。块元素是指占据一整行空间的元素,而行内元素是指只占据所需空间的元素。下面我们将对...

    css3块元素居中

    在CSS3中,实现块元素的居中是一个常见的布局需求,尤其当涉及到页面设计与响应式布局时。根据所提供的文件信息,我们可以详细探讨几种在不同场景下实现块元素居中的方法,以及理解其中的原理。 ### 1. 内联元素...

    整理HTML:id和class,div,span,内联和块元素,音频和视频标签的概念

    接下来,我们将深入探讨这些概念,以及`div`、`span`、内联和块元素,以及音频和视频标签。 1. `id`与`class`: - `id`:每个HTML元素只能有一个`id`,并且在整个文档中`id`必须是唯一的。`id`用作元素的唯一标识...

    在Visual_C++中使用内联汇编

    ### 在Visual C++中使用内联汇编:深入解析与应用 #### 一、内联汇编概述 在计算机编程领域,特别是在C/C++中,内联汇编是一种特殊的编程技术,它允许开发者直接在高级语言中嵌入汇编语言代码。这种方式的主要优势...

    在Visual C++中使用内联汇编

    在`__asm`块中,也可以混用C/C++的元素,如符号(变量、标号和函数名)、常量、宏定义、预处理指示符、注释,甚至类型名。这种混合编程的能力使得内联汇编成为解决特定问题的强大工具。 然而,由于内联汇编的局限性...

    tdc-p0:TDC零相位

    EDA零期课程 开发线程 基本原理 客户端服务器 方法 标头 SSH协议 SFTP SMTP / POP / IMAP 路由,数据包,缓存 Cookies和状态 ...流内容:blockquote,div,dl,figure,footer,header,p... 内联与块元素 属性 XML格式

    2022年在Visual C++中使用内联汇编C语言教程.docx

    可以使用 LENGTH 来取得 C/C++ 中的数组中的元素个数,使用 SIZE 来取得 C/C++ 中变量的大小,使用 TYPE 来取得一个变量的大小。 最后,在内联汇编中可以使用 C/C++ 的注释,但建议使用 ASM 的注释,即";"号。还...

    HTML+CSS中完全的行内元素(inline element)和块元素(block element)

    在HTML与CSS中,元素被分为两大类:行内元素(inline element)和块元素(block element)。这两种类型的元素有着不同的显示特性和布局行为,了解它们的区别对于网页设计者来说至关重要。 #### 行内元素(inline ...

    display属性介绍和使用

    * 设置导航菜单:可以使用 `display: inline-block` 将导航菜单项设置为内联块元素,从而实现水平排列。 * 实现弹性布局:可以使用 `display: flex` 将容器设置为弹性布局,从而实现子元素的弹性排列。 * 实现网格...

    html 内联元素和html 块级元素概述及区别

    - `display:inline` 将元素变为内联元素,允许与其他内联元素在同一行显示。 - `display:inline-block` 是一个混合类型,元素保持内联特性,但允许设置宽高和垂直方向的内外边距,常用于创建水平列表等。 **误解与...

    CSS文档流与块级元素,css

    #### 块级元素与内联元素的区别 - **块级元素(Block Elements)**:这些元素通常独自占据一行,它们可以包含其他块级元素或内联元素。典型的块级元素包括`<p>`、`<div>`、`<h1>`到`<h6>`等。块级元素的特点是可以...

    CSS块级元素与行级元素详解

    块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签’P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 .如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。...

Global site tag (gtag.js) - Google Analytics