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.元素的寬度，高度，行高以及頂和底邊距均可以設置。