CSS基础知识介绍——块元素和行内元素

1. 块元素使用CSS中的block定义，它有如下的特点：

• 总是在新行上开始
• 行高以及顶和底边距都可控制
• 如果不设置宽度，默认整个容器100%，设置了其值，将会应用我们所设置的值
• 常用的

  、

  、

  、

  和
  • 等都是块元素

  2. 通过display：inline语句，可以把元素设置为行内元素，inline元素的特点是

  • 和其他元素都在一行上
  • 行高及顶和底边距不可改变
  • 宽度就是它的文字或图片的宽度，不可改变
  • 常用的、、、、、和等都是inline元素的例子

  行内元素：可以在一行显示，不能设置高度宽度。

  块状元素：不能再一行内显示，可以设置高度宽度。

  example 1：

  块元素
  
  
  
  	
  	
  
  
  
  首页最新新闻最新产品关于我们联系我们
  
  
  

  example 2：

  
  
  
  	
  	
  
  
  
  这是a标签
  这是span标签
  这是strong标签