Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版） 课件 5.2.1任务引入-文本精细排版与美化非遗活动详情页面正文区域.pptx

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

任务5.2美化非遗活动详情页面正文区域前端技术开发

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

任务描述美化非遗活动详情页面正文区域将网页内容划分为2大区块，分别为正文区域和底部“编辑部”区域。采用CSS总体设置正文区域的字体及样式，“编辑部”区域需要单独设置对齐方式及字体颜色等。化繁为简，从大处着眼，从细节处着手。

前端技术开发知识储备文本缩进属性1设置行高属性2文本修饰属性3字间距与词间距属性4

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

任务实施二p2023年6月10日是“文化和自然遗产日”。6月9日，2023年“文化和自然遗产日”...非物质文化遗产公约》通过20周年纪念活动在京举行/pp每年六月的第二个星期六是“文化和自然遗产日”。每年遗产日期间，...推出形式厚氛围/pp启动仪式后，嘉宾们参观了国家图书馆举办的...图书馆同步展出/ppid=edit编辑部/pHTML代码

任务实施二styletype=text/cssp{text-indent:2em;font-size:20px;line-height:1.5;}#edit{text-align:right;color:#000;opacity:0.5;}/styleCSS代码设置段落的缩进、字体大小和行高设置底部“编辑部”的对齐方式、字体颜色和透明度

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》