美文网首页
常用的行内元素和块级元素、它们各自的特点是什么?

常用的行内元素和块级元素、它们各自的特点是什么?

作者: 卑微小李学前端 | 来源:发表于2021-09-10 15:01 被阅读0次

块元素:

      div,li,ul,p,h1-h6

特点:

     (1)所有的块级元素都会独占一行;

     (2)块级元素可以直接设置其宽度和高度;

     (3)如果一个块级元素没有设置宽度,那么其默认的宽度是父元素的宽度。

行内元素:

span,a,strong,em,b,i,font,strike

特点:

      (1)所有行内元素都在一行上显示;

      (2)行内元素没有宽度和高度(即使设置也不生效)。

常见行内块元素:img ,input ,select ,textarea ,button ,label …

特点:

    (1)与所有的行内元素相同都在一行上显示

     (2)与块级元素相同可以设置宽度和高度。

不同元素之间的转换方式

转换为块级元素:disaplay : block

转换为行内块元素:dispaly : inline-block

转换为行内元素:display : inline

相关文章

  • HTML——行内元素-块级元素

    常用的块级元素有: 块级元素特点: 常用的行内元素有: 行内元素的特点: note:内联元素内也可以放块级元素标签...

  • 常用的行内元素和块级元素、它们各自的特点是什么?

    块元素: div,li,ul,p,h1-h6 特点: (1)所有的块级元素都会独占一行; (2)块级元素可以直接...

  • 前端HTML & CSS 基础入门(9)布局与定位

    块级元素和行内元素 HTML里的元素可以分为块级元素和行内元素两大类: ?块级元素:块级元素典型特点就是它要独占一...

  • 常见块级元素和行内元素以及它们的区别

    主要内容: 常见的块级元素和行内元素以及它们的区别。 常见的块级元素和行内元素 块级元素 (block-level...

  • 珠峰培训css从入门到精通1

    html基本结构 常用的标签元素A-Z 块级元素和行内元素特点 标签语义化 CSS基本语法 CSS引入方式—行内式...

  • 块级元素与行内元素

    块级元素与行内元素 常用的块级元素与行内元素有哪些? 块级元素:div , p , form, ul, li , ...

  • 入门任务8

    块级元素和行内元素分别有哪些?## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素,行内元素只能...

  • css学习笔记之常见样式

    1 块级元素 和 行内元素区别 1 差异 块级元素可以包含行内元素和块级元素 行内元素只能包含文本和行内元素 块级...

  • HTML之6个问题

    问题 HTML 中的行内元素有什么特点,有哪些元素是行内元素? HTML 中的块级元素有什么特点,有哪些元素是块级...

  • css常见样式

    块级元素和行内元素分别有哪些? 块级元素: 行内元素: 特性区别:1.块级元素可以包含行内元素和块级元素,而行内元...

网友评论

      本文标题:常用的行内元素和块级元素、它们各自的特点是什么?

      本文链接:https://www.haomeiwen.com/subject/ytrvmltx.html