如果不對 span 應用樣式，那麼 span 元素中的文字與其他文字不會任何視覺上的差異。儘管如此，上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性，這樣既可以增加適當的語義，又便於對 span 應用樣式。
可以對同乙個 元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用於元素組（類似的元素，或者可以理解為某一類元素），而 id 用於標識單獨的唯一的元素。
事實上，您也許已經注意到了，w3school 站點上有一些文字的樣式與其他文字是不同的。比如「提示」使用了粗體的橘紅色。儘管實現這種效果的方法非常多，但是我們的做法是：使用「提示」使用 span 元素，然後對這個 span 元素的父元素，即 p 元素應用 class，這樣就可以對這個類的子元素 span 應用相應的樣式
關於span標籤內文字自動換行
white space 通過html文件的源 的排版方式控制頁面顯示文字的排版方式 取值 normal pre nowrap pre wrap pre line inherit normal 正常無變化 預設處理方式.文字自動處理換行.假如抵達容器邊界內容會轉到下一行 pre 保持html源 的空格...
塊級標籤，行內標籤，行內塊標籤
行內元素 塊標籤行內塊標籤 巢狀規則 塊級元素 獨佔一行，對寬高的屬性值生效 如果不給寬度，塊級元素就預設為瀏覽器的寬度，即就是100 寬 行內元素 可以多個標籤存在一行，對寬高屬性值不生效，完全靠內容撐開寬高！行內塊元素 結合的行內和塊級的優點，不僅可以對寬高屬性值生效，還可以多個標籤存在一行顯示...
一行內文字超出指定寬度溢位的處理
看到標題你一定很容易就會想到截斷文字加 的做法。哈哈，就是這樣。其實寫這篇日誌也只是把這樣方法做個記錄，因為好像還有很多人不記得遇到這樣的情況該如何處理。我們也可以參考52css.com以前的文章 css對文字溢位時的自動隱藏處理 如何設定列表 li 超出部分顯示省略號 一般的文字截斷 適用於內聯與...