CSS（Cascading Style Sheets）是一種用于描述網頁內容呈現樣式的語言。其其中一種用法是通過視覺格式化模型來定義Html元素的外觀和位置，實現網頁布局等多種效果。視覺格式化模型可以分為三種：

1. 塊級格式化:
將元素看作一個矩形，獨占一行或多行，可以指定其寬度、高度、邊距、內邊距等樣式。
常見的塊級元素有div、h1~h6、p、ul、ol、...
樣式定義方式：
div {
width: 50%;
height: 300px;
margin: 20px auto;
background-color: #FFCCEE;
}
2. 行內級格式化:
將元素看作一串文本片段，只占據必要的部分空間，不能設置寬度、高度等外觀屬性。與其他行內元素平級排列，需要使用float或display等特殊屬性來改變布局。
常見的行內元素有a、img、label、...
樣式定義方式：
a {
color: #337ab7;
text-decoration: none;
}
3. 行內塊級格式化:
結合了前兩種格式化模型的優點，既可以設置元素寬度、高度等屬性，又可以在同一行內與其他行內塊級元素共存，比如圖片、按鈕等。
常見的行內塊級元素有input、img、button、...
樣式定義方式：
button {
display: inline-block;
width: 120px;
height: 30px;
background-color: #FFCC33;
border: none;
border-radius: 3px;
color: #fff;
}