美文网首页
CSS行块级元素

CSS行块级元素

作者: 小小祥 | 来源:发表于2018-12-15 03:11 被阅读0次

行内元素

行内元素对应display:inline
常见的行内元素:span, stronh, em
块级元素独自占一行且宽度会占满父元素宽度,行内元素不会独占一行,相邻行内元素可以排在
同一行。

块级元素

块级元素对应display:bloc
常见的块级元素div, p, form,ul, ol, li
块级元素可以设置margin和padding属性,行内元素水平方向的margin和padding如margin-left
、padding-right可以产生边距效果,但是竖直方向的如padding-topmargin-bottom不会
产生边距效果

行内块级元素

块级元素对应display:inline-block
可以让元素具有块级元素和行内元素的特性:既可以设置长宽,可以让padding和margin生效
,又可以和其他行内元素并排。是一个很实用的属性

相关文章

  • HTML.CSS

    基本标签 浏览器主流和内核 css权重 伪元素: 颜色代码 行级元素 块级元素 行级块元素: 行级元素如何转换成行...

  • CSS 中的行级元素和块级元素

    CSS 中的行级元素,和块级元素。 常见块级元素:div p form ul ol li 等; ...

  • 行级元素和块级元素

    前端中,CSS将html元素分为两种,一种行级元素,一种块级元素细分也可以将其分为三种:行级元素,块级元素,内联块...

  • css笔记

    CSS设置块级元素、内联元素、行内块元素属性及区别 一、块级元素独占一行默认width是父元素的100%,heig...

  • css基础--2

    CSS框模型(Box Model) 内边距 边框 外边距 外边距合并 行级元素和块级元素 行级元素strong s...

  • CSS-float浮动

    一、行级元素与块级元素,定位机制 二、代码 index.html index.css

  • CSS中常用的几种定位。

    一、普通定位和相对定位 css中的元素有两种元素,块级元素和行级元素,块级元素每定义一个,第二个会自动换行,行级元...

  • CSS元素显示模式&&模式转换

    显示模式 HTML标签的分类:容器、文本CSS:块级元素、行内元素、行内块级元素级元素:会独占一行,所有的容器类H...

  • CSS行块级元素

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

  • css显示模式

    1.html将标签分为容器级,文本级 css分为块级元素和行内元素 2.块级元素 独占一行 p,div...

网友评论

      本文标题:CSS行块级元素

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