css基本功 内联元素详解

html-css012

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下，盒子模型不同。

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