第五章作業

憶yǐ發表於2018-11-07

1.使用font-family屬性,同時設定英文字型和中文字型時需要注意什麼問題?
2.在CSS中,常用的背景屬性有哪幾個?它們的作用是什麼?
3.製作北大青鳥課程介紹頁面,頁面要求如下:
.使用<div>,<p>,<span>等 標籤編輯頁面,頁面整體背景顏色使用線性漸變。
.課程特色字型顏色為綠色(#5C9815),設計理念字型顏色為橙色(#F26522)
.課程特色和設計理念每行開頭帶背景顏色的字型為白色,使用結構偽類選擇器元素。
…使用外部式表建立頁面樣式。
在這裡插入圖片描述在這裡插入圖片描述在這裡插入圖片描述在這裡插入圖片描述
4.製作席慕蓉的《初相遇》
頁面總寬度為400px,整體背錄顏色線性漸變(#CAEFFE#FFFED)
使用標籤排版文字標題,字型大小為18px,黑色文字陰影。
使用標籤排版文字正文,首行縮排為2em.行高為22px,
首段第一個“美”字,字型大小為180x,加相顯示。黑色和白色文字陰影具體方向參考
素材效果圖。第二段中的“胸懷中滿溢…在我眼前”字型風格為傾斜。顏色為藍色,字型大小為16px,正文其餘文字大小為12px.
最後一段文字帶下劃線。
使用外部樣式表建立頁面樣式。
在這裡插入圖片描述在這裡插入圖片描述在這裡插入圖片描述在這裡插入圖片描述
5…製作圖5.40所示的淘寶女裝分類頁面、頁面要求如下。

使用無序列表等HTML標籤有語義化的編輯頁面。
女裝各分類名稱前的圖片使用背景圖片的方式實現,標題字型大小為18px,加相顯示。
分類內容字型大小為12px,超連結文字字型顏色為黑色,無下劃線。當滑鼠移至超連結文字上時字型顏色為橙色(#F60),並且顯示下劃線。
使用外部樣式表建立頁面樣式。
頁面中其他的效果樣式見提供的作業素材中的頁面效果圖。
在這裡插入圖片描述在這裡插入圖片描述在這裡插入圖片描述在這裡插入圖片描述