web前端開發技術（第3版）儲久良著課後實驗

實驗7

1、使用內聯樣式表及內部樣式表，設計如圖所示頁面，要求如下：
（1）使用標題字和段落標記進行文字顯示，在內部樣式表中定義body標記內資訊“居中顯示”、定義p標記字型為“隸書”
（2）通過p標記的style屬性定義字型大小屬性（font-size）的值分別為150%、200%、250%。“朝辭白帝彩雲間”不定義任何樣式

效果圖

2、按如下要求設計“Web前端開發工程師工作內容”頁面，要求如下：
（1）頁面標題：Web前端開發工程師工作內容
（2）頁面題目：1號標題字顯示“Web前端開發工程師工作內容”；3號標題字顯示“Web前端工程師在不同的公司，會有不同的職能，但稱呼都是類似的。”
（3）採用無序列表顯示內容，分四個方面，分別是“做網站設計、網頁介面開發”“做網頁介面開發”“做網頁介面開發、前臺資料繫結和前臺邏輯的處理”“設計、開發、資料處理”；每一個列表項顯示一種不同風格的工作內容，其中第一個列表項ID（li1）樣式為“斜體、加粗、24px、黑體”；第二個列表項（li2）樣式為“背景色#9999cc、字元間距1px”；第三個列表項（li3）樣式為“字大小18px、顏色紅色”；第四個列表項行內樣式“顏色#0000cc、背景色#c0c0c0、隸書”
（4）定義全域性樣式為“楷體、藍色”

效果圖