第三週作業
第一步:將<body>中每一個標籤加上id和class,目的為之後使用CSS進行格式時指定哪些地方去做改變。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:今日
cur-date:今日
theme-landscape:主體對話方塊 font:字型 button:按鈕元素
第二步:前往google font,選擇Josefin Sans字型
第二步:前往google font,選擇Josefin Sans字型
第五步:將<body>字體設定為Josefin Sans
第六步:在<style>打上下圖方程式
最後的結果畫面:
留言
張貼留言