Web前端開發(fā)技術項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.1.1任務引入-CSS字體樣式與美化非遺活動詳情頁面頭部區(qū)域_第1頁
Web前端開發(fā)技術項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.1.1任務引入-CSS字體樣式與美化非遺活動詳情頁面頭部區(qū)域_第2頁
Web前端開發(fā)技術項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.1.1任務引入-CSS字體樣式與美化非遺活動詳情頁面頭部區(qū)域_第3頁
Web前端開發(fā)技術項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.1.1任務引入-CSS字體樣式與美化非遺活動詳情頁面頭部區(qū)域_第4頁
Web前端開發(fā)技術項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.1.1任務引入-CSS字體樣式與美化非遺活動詳情頁面頭部區(qū)域_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

付費下載

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

項目5CSS基礎信息安全技術應用ApplicationofInformationSecurityTechnology《前端技術開發(fā)》任務5.1

美化非遺活動詳情頁面頭部區(qū)域前端技術開發(fā)任務引入一非遺資訊頁面的原型圖UI設計最終網頁效果將復雜的頁面劃分成不同的區(qū)塊，分而治之任務描述美化非遺活動詳情頁面頭部區(qū)域將網頁內容劃分為3大區(qū)塊，分別為導航欄、標題和副標題。設置導航欄的字體、字體大小和顏色。設置標題的對齊方式設置副標題的字體大小和顏色化繁為簡，從大處著眼，從細節(jié)處著手。前端技術開發(fā)知識儲備CSS樣式表基本語法1CSS選擇器2常見復合選擇器3CSS四種引入方式4字體樣式屬性5文本對齊方式屬性6任務實施二312設置內容層，形成網頁基本布局根據UI設計，劃分內容區(qū)域設置各個區(qū)域的字體、字體大小和顏色設置內容HTML創(chuàng)建層CSS排版任務實施二<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產日·江蘇>文章詳情</span><h1>2023年“文化和自然遺產日”非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3>HTML代碼導航欄標題副標題任務實施二<style>body{font:18px"MicrosoftYahei",Arial;}#local{color:#9a252b;}h3{color:#aaa;font-size:16px;}h1,h3{text-align:center;}</style>CSS代碼設置整體的字體大小，字體設置導航欄的字體顏色設置標題和副標題的字體大小、顏色和對齊方式感謝觀看信息安全技術應用Appl

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論