Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.3.1任务三 实现非遗活动详情页面

实现非遗活动详情页面信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》前端技术开发任务目标制作“非遗活动详情”页面前端技术开发任务目标制作“非遗活动详情”页面分析：1设置全文的字体及大小；2设置页面头部“当前位置”的字体颜色；3设置副标题的颜色和字体；4设置正副标题的对齐方式；5设置正文的缩进、字体大小和行高；6设置底部“编辑部”对齐方式、字体颜色和透明度；7设置图片对齐方式。前端技术开发制作网页元素<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>前端技术开发1设置全文的字体及大小。<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>body{font:18pxMicrosoftYahei,Arial;}前端技术开发2设置页面头部“当前位置”的字体颜色；<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>#local{color:#9a252b;}前端技术开发3设置副标题的颜色和字体；<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>h3{color:#aaa;font:bold16pxMicrosoftYahei,Arial;}前端技术开发4设置正副标题的对齐方式<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>h1,h3{text-align:center;}前端技术开发5设置正文的缩进、字体大小和行高<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</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;}前端技术开发6设置底部“编辑部”对齐方式、字体颜色和透明度<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>#edit{text-align:right;color:#000;opacity:0.5;}前端技术开发7设置图片对齐方式<spanid="local">当前位置：</span><span>首页>2023年文化和自然遗产日·江苏>文章详情</span><h1>2023年非遗宣传展示活动启动</h1><h3>发布时间：2023-06-09来源：“文旅之声”微信公众号</h3><p>2023年6月10日是“文化和自然遗产日”。……在京举行。</p><pid="image"><imgsrc="images/r-5.png"></p><p>每年六月的第二个星期六是。……浓厚氛围。</p><p>启动仪式后，嘉宾们参观了……图书馆同步展出。</p><pid="edit">编辑部</p>#image{text-align:center;}小结前端技术开发03text-indent设置文本缩进