第三週作業

 第一步:將<body>中每一個標籤加上id和class,目的為之後使用CSS進行格式時指定哪些地方去做改變。id:用來辨識一個元素的名稱、代號,必須是唯一,像是身分證一樣;class:相同性質的標籤元素。



id和class設定名稱解釋(逐行說明,重複地不再贅訴):
current-day-info:此區塊為今日資訊,color:顏色顯示
app-name-landscape:橫式顯示也能夠直視顯示,off-color:跳色產生漸層效果 default-cursor:讓鼠標變化維持為箭頭形狀,意指不能對此區域做任何操作 center:置中
cur-year:今年,current-day-heading:今日版塊標題文字設定
cur-day:星期
cur-month:今月
cur-date:今日
theme-landscape:主體對話方塊 font:字型 button:按鈕元素

第二步:前往google font,選擇Josefin Sans字型




第三步:選取300、400、600線條




第四步:複製下圖紅色框框的程式碼並放到<head>中





第五步:將<body>字體設定為Josefin Sans



第六步:在<style>打上下圖方程式
 


最後的結果畫面:


留言