美文网首页
css盒模型 块级元素 行内元素

css盒模型 块级元素 行内元素

作者: 抓住时间的尾巴吧 | 来源:发表于2016-10-14 15:33 被阅读111次

盒模型是CSS的核心知识点之一,页面上的每个元素都被看成一个矩形框,这个框由元素的内容、内边距、边框和外边距组成

行内元素与块级函数的三个区别

  1. 行内元素与块级元素直观上的区别
    行内元素会在一条直线上排列,都是同一行的,水平方向排列
    块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。
  1. 块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
  2. 行内元素与块级元素属性的不同,主要是盒模型属性上

行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效

相关文章

  • 区块、内联和内联块的区别和转换

    在css盒模型中的盒类型主要有“块级元素”、“行内元素”和“行内-块级元素”,分别简称为“区块”、“内联”和“内联...

  • HTML中块级元素和行内元素

    HTML标签CSS盒模型块级元素和行内元素的定义块级元素和行内元素的分类 1、 HTML标签 html标签定义: ...

  • css盒模型 块级元素 行内元素

    盒模型是CSS的核心知识点之一,页面上的每个元素都被看成一个矩形框,这个框由元素的内容、内边距、边框和外边距组成 ...

  • 深入css布局(2)——元素分类

    1.1块级元素 & 行内元素 & 行内块级元素 元素除了自己的盒模型外还有自己的分类。从元素的布局特性来分,主要可...

  • 前端开发面试题-HTML-CSS基础类01

    一、行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素:div p h1 h2 h3 h4 form ul...

  • css布局

    盒模型 margin/border/padding/content 行内元素与块级元素 块级元素 总是在新行上开始...

  • 前端面试整理

    基础html+CSS 行内元素有哪些?块级元素有哪些?CSS的盒模型? 说一说html5和css有哪些新特性,如何...

  • CSS基础样式

    CSS基础样式 块级元素可以包含块级元素和行内元素 行内元素只可以包含文本和行内元素 宽高只对块级元素生效,对行内...

  • 任务八-主线

    CSS常见属性(上) 块级元素行内元素块级可以包含块级和行内元素,行内只能包含文本和行内元素块级元素占据一整行的空...

  • 01-CSS

    前言1-CSS对HTML元素分类 css元素分为三种:块级元素、行内元素和行内块元素。 1.块级元素:设置disp...

网友评论

      本文标题:css盒模型 块级元素 行内元素

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