css基本功 内联元素详解

html-css018

css基本功 内联元素详解,第1张

行内元素基本定义:

HTML4中,元素被分成两大类: inline (内联元素)与 block(块级元素)。一个行内元 素只占据它对应标签的边框所包含的空间。 常见的行内元素有 a b span img strong sub sup button input label select textarea

列表

划重点

1.上标 下标

上小标这两个标签容易混淆,怎么记呢?这样记:b的意思是bottom:底部

2.<span>和<div>唯一的区别在于:<span>是不换行的,而<div>是换行的。

span里面不能放p、h、ul、dl、ol、div。

其他就不介绍了~偷个懒

内联元素叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。

内联元素的显示,可以形象的称为“文本模式”,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。

特点:

和其他元素都在一行上

高度、行高和顶以及底边距都不可改变

宽度就是它的文字或图片的宽度,不可改变

总的来说,内联元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。

用法:

通常用于特殊布局,在同一行显示多个内容,可以使用内联元素实现,这样不需要将块级元素设置为浮动或绝对定位就可以在一行横排排版。