css--元素分类

在讲解css布局以前，咱们须要提早知道一些知识，在css中，html中的标签元素大致被分为三种不一样的类型：块状元素，内联元素（又叫作行内元素）和内联块状元素

经常使用的块状元素有：

<div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>,<address>,<blockquote>,<form>

常见的内联元素有：

<a>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>

经常使用的内联块状元素有：

<img>,<input>

 

下面讲讲他们的各自特色：

块级元素特色：

1.每个块级元素都重新的一行开始，而且其后的元素都另起一行。

2.元素的宽度，高度，行高以及顶和底边距均可以设置。

3.元素宽度在不设置的状况下，是它自己父元素的100%，（和父元素的宽度一致），除非设置一个宽度。

 

内联元素的特色：

1.和其余元素都在一行上

2.元素的宽度，高度，及顶部和底部边距不可设置。

3.元素的宽度就是他包含的文字或图片的宽度，不可改变。

 

内联块状元素特色：

1.和其余元素都在一行上。

2.元素的宽度，高度，行高以及顶和底边距均可以设置。