---
# System prepended metadata

title: 行內元素與塊級元素|chrisHsiao
tags: [CSS]

---

---
tags: CSS,
disqus: hackmd
---

# 行內元素與塊級元素|chrisHsiao

position: absolute;和float浮動可以直接變成塊級元素(行內塊元素)

## 什麼是行內元素呢？

1.無法設置width和height。
2.只對margin屬性left和right有效，top和bottom無效。對padding的上下左右都有效
3.不能獨占一行。
我們可以用css屬性中的display：inline；來轉換成行內元素


## 行內元素的標籤有哪些？

span、b、i、sub、sup、a、strong、img、input等


## 什麼是塊級元素呢？

1.可以設置width和height。
2.margin屬性的上下左右都有效，padding屬性的上下左右也是都有效。
3.獨占一行的。
我們可以用css中的display：block屬性來轉換成塊級元素。


## 塊級元素的標籤有哪些？

常見的div、p、ul、li、h1到h6、hr、from表單等


## 行內塊元素
什麼是行內塊元素呢？

1.可以設置width和height。
2.不獨占一行。
我們可以用css中的display：inline-block屬性來轉換成行內塊元素。

---
###### tags: `CSS` `inline` `block`