css块级元素，行内元素和行内块级元素

一、写在前面
行内元素和块级元素以及行内块级元素总是傻傻分不清，下面进行总结。
二、总结
2.1、块级元素

1、它独占一行。
2、它的宽高可以设置。
3、默认时，宽度是100%。

例如:<div>，<h1-h6>,<ul>,<ol>,li等。
2.2、行内元素

1、它的宽度有内容决定，高度有内容字体大小决定。
2、它不可以设置宽高。
3、它可以和其他行内元素位于同一行。

例如：<span>,<label>,<i>,<e>等。
2.3、行内跨级元素

1、它既可以和其他的行内元素位于同一行。
2、元素的高度及与边的间距都可以设置。

例如：<input>，<img>,<select>等。

css块级元素，行内元素和行内块级元素相关推荐

html 指定对象为块元素,html内联（行内）元素、块级（块状）元素和行内块元素分类...
HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...
在html中列表是块元素还是,HTML基础知识4-列表及表单的写法、块级元素和内联（行内）元素的区别...
一.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套? 1.简单例子如下: Document div.div1 { backgr ...
block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素
block:块级元素默认display属性为block:无论块内内容有多少,总是占满一行: inline:行内元素默认display属性为inline:只占据块内的内容的大小,不会占满一整行: inl ...
web前端学习day_02:CSS:三种使用方式/选择器/颜色/背景图片/查看样式/文本/元素显示方式/盒子模型/定位方式/行内对齐/显示层级/防溢出
CSS : Cascading Style Sheet 层叠样式表. 作用: 美化页面 CSS 如何在html页面中添加css样式代码?总共有三种方式: 1.选择器 2.选择器练习: 3.颜色赋值 4 ...
HTML行内元素/行级元素/内联元素/行标签/内联标签/行内标签/行元素
文章目录行内元素的特点行内元素清单可变元素列表 inline element. 也叫行级元素.内联元素. 行内元素默认设置宽度是不起作用,需设置 display:inline-block 或者 ...
web前端入门到实战：html常见的块元素与内联（行内）元素用法说明
html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等. 块元素的属性:无论内容是什么,都会独占一整行.主要用于页面布局. 内联元素的属性:只占自身 ...
为什么span，label，是行级元素，div，p等等是块级元素
这期的问题非常有意思,我们一直说span,label,a都是行元素,div,p还有h1~h5是块级元素等等,但是你有想过为什么吗?别告诉我这是大家约定俗成的东西,实际上,他还真的不是. 先知道啥是行级 ...
html常见的块元素与内联（行内）元素用法说明
html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等. 块元素的属性:无论内容是什么,都会独占一整行.主要用于页面布局. 内联元素的属性:只占自身 ...
为什么有些内联（行内）元素可以设置宽高？
为什么有些内联(行内)元素如img.input可以设置宽高? 在说明之前我们先来了解一些定义. 块级元素和内联元素: ①块级元素总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示. 宽 ...
html标签的显示模式（块级标签，行内标签，行内块标签）（转）
html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...

css块级元素，行内元素和行内块级元素

css块级元素，行内元素和行内块级元素相关推荐

最新文章

热门文章