Web前端開發(fā)技術(shù)項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.3.1任務(wù)三 實現(xiàn)非遺活動詳情頁面

實現(xiàn)非遺活動詳情頁面信息安全技術(shù)應(yīng)用ApplicationofInformationSecurityTechnology《前端技術(shù)開發(fā)》前端技術(shù)開發(fā)任務(wù)目標制作“非遺活動詳情”頁面前端技術(shù)開發(fā)任務(wù)目標制作“非遺活動詳情”頁面分析：1設(shè)置全文的字體及大??；2設(shè)置頁面頭部“當前位置”的字體顏色；3設(shè)置副標題的顏色和字體；4設(shè)置正副標題的對齊方式；5設(shè)置正文的縮進、字體大小和行高；6設(shè)置底部“編輯部”對齊方式、字體顏色和透明度；7設(shè)置圖片對齊方式。前端技術(shù)開發(fā)制作網(wǎng)頁元素<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”?！诰┡e行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是。……濃厚氛圍。</p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>前端技術(shù)開發(fā)1設(shè)置全文的字體及大小。<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”。……在京舉行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是?！瓭夂穹諊?。</p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>body{font:18pxMicrosoftYahei,Arial;}前端技術(shù)開發(fā)2設(shè)置頁面頭部“當前位置”的字體顏色；<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”?！诰┡e行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是。……濃厚氛圍。</p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>#local{color:#9a252b;}前端技術(shù)開發(fā)3設(shè)置副標題的顏色和字體；<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”?！诰┡e行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是。……濃厚氛圍。</p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>h3{color:#aaa;font:bold16pxMicrosoftYahei,Arial;}前端技術(shù)開發(fā)4設(shè)置正副標題的對齊方式<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”。……在京舉行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是。……濃厚氛圍。</p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>h1,h3{text-align:center;}前端技術(shù)開發(fā)5設(shè)置正文的縮進、字體大小和行高<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”?！诰┡e行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是?！瓭夂穹諊?。</p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>p{text-indent:2em;font-size:20px;line-height:1.5;}前端技術(shù)開發(fā)6設(shè)置底部“編輯部”對齊方式、字體顏色和透明度<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”。……在京舉行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是?！瓭夂穹諊?lt;/p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>#edit{text-align:right;color:#000;opacity:0.5;}前端技術(shù)開發(fā)7設(shè)置圖片對齊方式<spanid="local">當前位置：</span><span>首頁>2023年文化和自然遺產(chǎn)日·江蘇>文章詳情</span><h1>2023年非遺宣傳展示活動啟動</h1><h3>發(fā)布時間：2023-06-09來源：“文旅之聲”微信公眾號</h3><p>2023年6月10日是“文化和自然遺產(chǎn)日”?！诰┡e行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二個星期六是?！瓭夂穹諊?lt;/p><p>啟動儀式后，嘉賓們參觀了……圖書館同步展出。</p><pid="edit">編輯部</p>#image{text-align:center;}小結(jié)前端技術(shù)開發(fā)03text-indent設(shè)置文本縮進