CSS从入门到精通（一）

CSS  ： 层叠样式表（·Cascading Style Sheet）,声明样式语言， 影响一个或一组文档的表现。 “层叠”是指样式可以结合起来使用，而且具有优先级。

元素： 元素（element）是文档结构的根基，CSS 依赖元素。

元素通常有两种形式：置换元素和非置换元素。

置换元素指用来置换元素内容的部分，不由文档内容直接表示。比如：<img src="spirit.gif" >

反之，元素内容由用户代理（通常是浏览器）在元素自身生成的框中显示，称之为非置换元素。如：<span>你好，CSS</span>

在显示方式上，CSS把元素分为块级元素和行内元素两种基本类型。当然还有其它的，不过以这两种为主。

块级元素独占一行，在自身前后都“断行”；

行内元素在一行文本内生成元素框，自身所在的元素框前后不会出现“断行”。

注意：一般地，行内元素可以出现在块级元素中，但块级元素不能出现在行内元素中

display: 我们可以通过display属性修改元素的显示方式是块级还是行内。

div{ display: inline; }

span{ display: block; }

如果将块级元素写入行内元素，行内元素前后将出现“断行”。