HTML5學習筆記 - 第06天
1.什麼是塊級元素,什麼是行內元素
塊級元素會獨佔一行
塊級 元素 p div h ul ol dl li dt dd
行內元素 span strong em del
2.塊級元素和行內元素的區別?
2.1塊級元素
獨佔一行
如果沒有設定寬度,那麼預設和父元素一樣寬
如果設定了寬高,那麼久按照設定的來顯示
2.2
不會獨佔一行
如果沒有設定寬度,那麼預設和內容一樣寬
行內元素是不可以設定寬度和高度的
2.3行內塊級元素
disolay: inline-block
img input
為了能夠讓元素既能夠不獨佔一行,又可以設定寬度和高度,那麼就出現了行內塊級元素
雜項
display: none隱藏
nth-child(n)偽類選擇器,作用: 選擇器匹配屬於父元素的特定型別的第N個子元素的每個元素。n表示數字。
1.position 定位屬性,檢索物件的定位方式;語法: position: static
相關文章
- 學車筆記(第1天)筆記
- 學車筆記(第2天)筆記
- 學車筆記(第3天)筆記
- 學車筆記(第4天)筆記
- python學習筆記:第8天 檔案操作Python筆記
- Python學習筆記:第3天 字串的操作Python筆記字串
- MySql學習筆記06MySql筆記
- HTML5學習筆記HTML筆記
- python學習筆記:第4天 列表和元組Python筆記
- HTML5學習筆記 拖放HTML筆記
- MySQL 5.7 General Tablespace學習(r11筆記第34天)MySql筆記
- Java基礎-學習筆記06Java筆記
- HTML5學習筆記 音訊HTML筆記音訊
- HTML5學習筆記 視訊HTML筆記
- 學習筆記900天總結筆記
- 學習筆記800天總結筆記
- HTML5學習筆記1 HTML5 新元素HTML筆記
- python學習筆記:第10天 函式進階和作用域Python筆記函式
- 2008-06-06shell學習筆記筆記
- HTML5,CSS3,學習筆記HTMLCSSS3筆記
- 學習筆記~1.4 HTML5新特性筆記HTML
- HTML5學習筆記 Web儲存HTML筆記Web
- Java學習筆記 第四天Java筆記
- UI學習第02天UI
- UI學習第08天UI
- 第5輪學習筆記規劃筆記
- 第15.16.17章學習筆記筆記
- 近期的學習計劃(2017.3)(r11筆記第95天)筆記
- 2008-06-06shell學習筆記 2筆記
- iOS學習筆記06 手勢識別iOS筆記
- Android學習筆記06——handler的使用Android筆記
- 我的CISA38天學習筆記(20080614考試)筆記
- (交作業啦!!!)html5學習筆記?HTML筆記
- HTML5學習筆記 Geolocation(地理定位)HTML筆記
- HTML5 學習筆記 表單屬性HTML筆記
- HTML5學習筆記3 內聯SVGHTML筆記SVG
- 學習筆記-JAVA第一天筆記Java
- Java學習筆記 第十天Java筆記