SPAN元素和DIV元素有什麼區別?

解決思路: 最明顯的區別是:DIV(division)是一個塊級元素,能夠包含段落、標題、表格,乃至諸如章節、摘要和備註等。而SPAN 是行內元素,SPAN 的先後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其餘行內元素都不合適時,可使用SPAN。塊元素至關於內嵌元素在先後各加一個
換行。其實,塊元素和行內元素也不是一成不變的,只要給塊元素定義display:inline,塊元素就成了內嵌元素,一樣地,給內嵌元素定義了display:block就成了塊元素了。 具體步驟: 代碼示例:
div1
div2
span1 span2
div3
div4
span3 span4 <span>SPAN標記有一個重要而實用的特性,即它什麼事也不會作,它的惟一目的就是圍繞你的HTML代碼中的其它元素,這樣你就能夠爲它們指定樣式了。在此例中,<span>標識符容許你將一個段落分紅不一樣的部分。 還有一個標識符具備相似的功能,<div>DIV也被用來在HTML文件中創建邏輯部分。但與<div>SPAN不一樣,<div>工做於文本塊一級,它在它所包含的HTML元素的前面及後面都引入了行分隔。 技巧:有些朋友會說DIV是層標籤,其實HTML裏是沒有層這個說法的,只不過是爲了易於理解,Dreamweaver裏才這樣寫的,每一個對象均可以成爲「層」,只須要給對象定義position屬性(值爲absolute或relavite)。例如,要讓圖片成爲「層」,能夠這樣寫代碼:
相關文章