理論知識
- span是一個用來組合文檔的行內元素。
行內元素: 可以簡單理解為作用空間只在一行之內，不會產生換行效果。
- 主要用來將文檔的一部分或文檔的一部分隔離出來，然后對這些部分添加特有的樣式。譬如， 'ABC'是一行文本，現在只想對B添加加粗樣式，則可以使用span標簽將B包裹，
即'A< span>B< /span>C',此時可以給span添加id或class,就可以單獨為B添加想要的樣式。如果僅僅只是使用span包裹元素，不進行其他操作，則瀏覽器展示出來的樣式同不使用span標簽的效果一致。
實踐
<div>
我是一名優秀的程序員。<br/> //顯示一行
我是一名<span>優秀</span>的程序員。<br> //顯示一行。同上一行代碼一致
我是一名<span style="color: red">優秀</span>的程序員。 //顯示一行，‘優秀’變紅
</div>