1. 什么是 CSS 和 HTML ?
CSS 是層疊樣式表(Cascading Style Sheets)的縮寫，用于控制網頁中的樣式和布局。HTML 是超文本標記語言(HyperText Markup Language)的縮寫，用于創建網頁結構和內容。
2. 如何使用 CSS 創建菱形？
使用 CSS 可以創建菱形，具體步驟如下：
```css
width: 200px;
height: 200px;
border-radius: 100px 50px 100px 50px;
box-shadow: 0px 0px 10px #ff99cc;
上述代碼中，`li` 元素的寬度和高度均為 200 像素，然后設置邊框半徑和陰影，最后添加了一個顏色為 #ff99cc 的邊框。
3. 如何在同一 HTML 頁面中創建多個菱形？
可以使用 HTML 中的列表(List)元素來創建多個菱形，具體步驟如下：
```html
<li>菱形1</li>
<li>菱形2</li>
<li>菱形3</li>
</ul>
上述代碼中，`<ul>` 元素中包含了三個 `<li>` 元素，每個 `<li>` 元素都是一個菱形。
4. 如何使用 CSS 創建圓形？
使用 CSS 可以創建圓形，具體步驟如下：
```css
body {
background-color: #333;
font-family: Arial, sans-serif;
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #fff;
display: inline-block;
margin: 0 auto;
text-align: center;
font-size: 16px;
上述代碼中，`body` 元素設置了背景顏色為 #333,`.circle` 元素設置了一個 100 像素、100 像素的圓形。
5. 如何在同一 HTML 頁面中創建多個不同形狀的圓形？
可以使用 HTML 中的列表(List)元素來創建多個不同形狀的圓形，具體步驟如下：
```html
<li>圓形1</li>
<li>圓形2</li>
<li>圓形3</li>
<li>圓形4</li>
</ul>
上述代碼中，`<ul>` 元素中包含了四個 `<li>` 元素，每個 `<li>` 元素都是一個圓形。