css基本功 内联元素详解

html-css031

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。

其他就不介绍了~偷个懒

内联元素可以理解为不能直接设置宽度和高度元素,比如span,你为他设置宽度和高度没有效果,除非你把它设置成块级元素。

如下面的代码把display:block属性值去掉的话,宽度和高度都不会起作用了。

<span style="width:100pxheight:100pxdisplay:blockbackground-color:blue"></span>

margin可以控制内联和块级元素的间距,而不光是内联元素。

主要注意他们之间的转换问题,如块级元素加float属性会变为内联元素。

不同DTD下,盒子模型不同。

还要清楚那些默认是块级,那些默认是内联。