div和span的使用原則
大家可能感覺這個問題過於簡單了,沒有什麼特別重要的東西,但是還是感覺有必要說一下,因為牽扯到一些佈局的思想和理念。在這裡至關重要的是,我們要清楚什麼是塊級元素什麼是內聯元素,關於這兩種元素這裡就不多介紹了,大家可以參閱相應的文章即可。對於塊級元素來說,它擔負著構建網頁結構的任務,例如我們可以使用div將網站分割成左中右三大塊。而span作為內聯元素,不會對網頁結構產生影響,一般使用span元素作為輔助,對網頁內容應用CSS樣式。下面看一個例子:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> span { font-size:16px; color:red; } </style> </head> <body> <div> <ul> <li><span>螞蟻部落</span>歡迎您</li> <li><span>螞蟻部落</span>歡迎您</li> </ul> </div> </body> </html>
相關文章
- html之div和spanHTML
- div和span元素的用法簡單介紹
- HTML5中div、p、ol、li、ul、dl、dd、form、span的使用案例HTMLORM
- 重學前端學習筆記(四)--div和span不是夠用嗎?前端筆記
- CSS基礎知識-ID/Class/Div/Span/SelectorCSS
- CodeReview 的經驗和原則View
- 獲取和放入原則
- Java異常使用原則Java
- 理解敏捷的價值觀和原則敏捷
- 資料治理的目標和原則
- Java中的設計模式和原則Java設計模式
- Angular 2.0 的設計方法和原則Angular
- 使用Golang的interface介面設計原則Golang
- 設計Go API的管道使用原則GoAPI
- DIV+css規則整理CSS
- OCP原則——開閉原則
- <span>Vue中使用axios如何解決跨域問題</span>VueiOS跨域
- 鉛筆的原則
- React效能優化:PureComponent的使用原則React優化
- 如何設定span元素的寬度和高度
- Span 的學習
- Java的設計模式和6大原則Java設計模式
- 事件繫結和樣式規定的原則事件
- 設計的7條心理學原則和定律
- 思考、學習新技術的原則和方式
- 學會和同事相處的30個原則
- 依賴倒置原則的基本用法和介紹
- MySQL-08.索引的建立和設計原則MySql索引
- 設計原則:開閉原則(OCP)
- 2.2.1.1 共性的原則
- 重構的原則
- intentFiltger的匹配原則Intent
- 物件導向設計的六大原則(SOLID原則)-——里氏替換原則物件Solid
- span元素設定title及$event使用
- 物件導向設計原則和模式物件模式
- PPT製作新方法和原則
- 設計原則:介面隔離原則(ISP)
- SOLDI原則之DIP:依賴倒置原則