美文网首页
行内及块级元素特点

行内及块级元素特点

作者: 贺大大i | 来源:发表于2020-12-23 20:13 被阅读0次

块级元素:

        独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽;

行内元素:

        可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高;

行内块元素:

        结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;

块及元素有:

        p、div、ul、ol、li、dl、dt、dd、h1~h6、form;

行内元素有:

        a、span、em、strong、b、i、u、label、br;

行内块标签有:

        img、 input、 textarea;

各种标签之间的转换:

        1、块级标签转换为行内标签:display:inline;

        2、行内标签转换为块级标签:display:block;

        3、转换为行内块标签:display:inline-block;

注意:

1、一般情况下,块级元素可以设置width,height属性,行内元素设置width,height无效

2、块级元素可以设置margin,padding属性

3、行内元素的水平方向的padding-left和padding-right都会产生边距效果,但是竖直方向上的padding-top和padding-bottom都不会产生边距效果

4、当标签浮动后(float)会转换成行内块特点;

相关文章

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

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

  • 行内及块级元素特点

    块级元素: 独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽; 行内元素...

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

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

  • HTML之6个问题

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

  • CSS基本样式

    首先了解css的块级元素及行内元素 块级元素:block-level,可以包含块级和行内元素,其数据占据整行空间,...

  • 入门任务8

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

  • CSS行块级元素

    行内元素 块级元素 行内块级元素

  • css学习笔记之常见样式

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

  • css常见样式

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

  • 2019-09-24 块级元素、行内元素

    块级元素、行内元素 块级: 行内元素: 空元素:

网友评论

      本文标题:行内及块级元素特点

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