Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版）课件 5.1.1任务引入-CSS字体样式与美化非遗活动详情页面头部区域.pptx

项目5CSS基础信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

任务5.1美化非遗活动详情页面头部区域前端技术开发

任务引入一非遗资讯页面的原型图UI设计最终网页效果将复杂的页面划分成不同的区块，分而治之

任务描述美化非遗活动详情页面头部区域将网页内容划分为3大区块，分别为导航栏、标题和副标题。设置导航栏的字体、字体大小和颜色。设置标题的对齐方式设置副标题的字体大小和颜色化繁为简，从大处着眼，从细节处着手。

前端技术开发知识储备CSS样式表基本语法1CSS选择器2常见复合选择器3CSS四种引入方式4字体样式属性5文本对齐方式属性6

任务实施二312设置内容层，形成网页基本布局根据UI设计，划分内容区域设置各个区域的字体、字体大小和颜色设置内容HTML创建层CSS排版

任务实施二spanid=local当前位置：/spanspan首页2023年文化和自然遗产日·江苏文章详情/spanh12023年“文化和自然遗产日”非遗宣传展示活动启动/h1h3发布时间：2023-06-09来源：“文旅之声”微信公众号/h3HTML代码导航栏标题副标题

Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.1.1任务引入-CSS字体样式与美化非遗活动详情页面头部区域.pptx