---
# System prepended metadata

title: 體驗營課程-使用css變更html標籤特性
tags: [2021程式體驗營]

---

---
tags: 2021程式體驗營
---
# 體驗營課程-使用css變更html標籤特性
## 區塊元素display:block
bdisplay:block 例h1、p、li、div
會佔滿版面、會另起一行呈現自動斷行、可設定寬高
display就是顯示的意思

## 行內元素display:inline
display:inline 例a、span
常用在段落裡面
* a標籤需加上display:block，才能設定寬高，讓點擊範圍加大，因a標籤預設是行內元素(8:12)


## 其他
1.需了解容器特性才能排出自己想要的
2.區分行內跟區塊最快方法，加背景色測試

3.開發者f12可在html內容按右鍵，del element來測試

4.外層div wrap設定mr:auto,ml:auto
讓網頁內容自適應寬度


