定義和用法:
<span>標簽被用來組合文檔中的行內元素。在行內定義一個區域,也就是一行內可以被<span>划分成好幾個區域,從而實現某種特定效果。<span>本身沒有任何屬性。
在IE6下,span元素浮動時一定要把span元素放在a標簽之前,不然,會出現瀏覽器兼容問題,IE6下,浮動過后的span元素會向下錯位一行。
提示和注釋:
提示:請使用<span>來組合行內元素,以便通過樣式來格式化它們。
注釋:span沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
<span> 與<div>
<span>在CSS定義中屬於一個行內元素,而<div>是塊級元素,我們可能通俗地理解為<div>為大容器,大容器當然可以放一個小容器了,<span>就是小容器。
DIV與SPAN的區別與特點
1. div占用的位置是一行,span占用的是內容有多寬就占用多寬的空間距離
2. <span>在<div>中一般都是用於顯示一段文本,<span默認是橫排的,而<div>默認是豎排的
用<span>有時候是為了使頁面元素看起來規整,沒有什么特別的用處。
span標簽和p標簽有什么區別
1. 一般標簽都有語義,p標簽是指一個段落,而且默認是一個塊級元素,span是一個行內元素的 代表,沒有 什么意思,一般可以放文字等行內元素
2. <p>標簽是一個段落結束的標志,我們知道段落與段落中間會留出一行文字的空白,這樣才能顯出兩 個段落了。也就是說<p>可以放在段落結束的地方 也表示換行的意思.
3. <span>標簽主要是指一個塊,就是說指定的這一塊內容是一起的,不可分割,就算換行的時候也不 會出現空白的情況。
如何定義span標簽的寬度和高度
因為span屬於內聯元素,而內聯元素是忽略寬度和高度的,明白了這一點解決就很簡單了,解決的辦法就是利用css將span變為盒裝元素即可。
將內聯元素定義為盒裝元素的方法有兩種:
1.直接使用顯示屬性display將其定義為盒裝元素;
display:block;
2.使用浮動屬性float將其自動定義為盒裝元素;
float:left;
在css屬性里定義以上任意一個屬性就可以使span擁有高度和寬度屬性。