行内元素、块元素、行内块

1. 行内元素

不可以设置宽高，可以设置margin、padding，它的宽高是由内容撑开的；

一行可以有多个行内块元素。

span
a
br
em
i
label

2. 块元素

可以设置宽高，在没有设置宽的时候默认width为100%；

独占一行。

h1~h6
p
div
ul
ol
li
form
table

3. 行内块元素

可以设置宽高，不会独占一行。

img
input

4.表格记忆

元素	排列	宽高	默认宽度	标签
行内元素	一行多个	不可直接设置宽高	内容宽度	span、a、br、em、i、label
块级元素	独占一行	可设置宽高	容器的100%	h1~h6、p、div、ul、ol、li form、table
行内块元素	一行多个	可设置宽高	内容宽度	img、input、

行内元素、块元素、行内块相关推荐

什么是块元素?什么是行内元素?
什么是块元素?什么是行内元素?想必学习web前端培训知识的同学们,课上都会有提到这一方面,如果对这个知识点还不是很熟悉,可以看看下面小编整理的内容. 什么是块元素?什么是行内元素? HTML标签语言提 ...
css标签显示特性（块级元素、行内元素、行内块元素、标签显示模式转换display、简单文字居中、简单导航栏案例）
HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个 1. 块级元素(block-level) 常 ...
css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose
行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...
同一DIV内，两个行内块元素不对齐的解决方案
同一DIV内,两个行内块元素不对齐的解决方案参考文章: (1)同一DIV内,两个行内块元素不对齐的解决方案 (2)https://www.cnblogs.com/qfly/p/8085125.htm ...
090_块元素行内元素行内块元素空元素
1. 块元素指的是占据全部可用宽度的元素, 并且在其前后都会换行(display: block). 1.1. 定义整个文档(非常重要): <html></html> 1.2. ...
内连级元素有哪些_CSS里有哪些常见的块级元素和行内元素？
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为"block&q ...
HTML基础，块级元素/行内元素/行内块元素辨析【2分钟掌握】
根据标签元素的特点可以将元素分为三类:块级元素,行内元素,行内块元素块级元素特点: 可以设定宽度和高度独自占用一行默认宽度是父元素的宽度,默认的高度是内容高度. 常见的块级元素有哪些?div p ...
Web前端技术分享：什么是块元素?什么是行内元素?
什么是块元素?什么是行内元素?想必学习web前端知识的同学们,课上都会有提到这一方面,如果对这个知识点还不是很熟悉,可以看看下面小千整理的内容. 什么是块元素?什么是行内元素? HTML标签语言提供了 ...
php行内块,块级元素和行内块元素是什么？
在css基础当中,我们往往会遇到块元素和行内元素,块元素和行内元素也是很重要的基础知识,很多学生都感觉不重要,都不去学习,其实也是不正确的选择,下面我们来讲述一下块级元素和行内块元素是什么? 很多学生 ...
块元素与行内元素转化（display属性）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...

行内元素、块元素、行内块

1. 行内元素

2. 块元素

3. 行内块元素

4.表格记忆

行内元素、块元素、行内块相关推荐

最新文章

热门文章