CSS3与网页视觉设计及技术呈现研究

• 作者: 赖守亮 罗紫惠
• 来源期刊: 包装工程
• 学科: 文学
• 关键词: CSS3 网页视觉设计 动画 微交互
• 年，卷（期）: 2021,（2）
• 所属期刊栏目: 视觉传达设计
• 页码范围: 191-194
• 页数: 4页
• 分类号: J511
• 语种: 中文
• DOI: 10.19554/j.cnki.1001-3563.2021.02.030

摘要

目的 研究网页视觉设计中,使得网页负载更小、交互更友好和更便捷、自适应性更好的方法 和技术.基于当前CSS3、HTML5和JavaScript技术的甄别与筛选,基本涵盖了网页视觉设计呈现所必需的基本语言代码规范和格式要求.方法 利用CSS3、HTML5和JavaScript等进行联合测试,重点在于CSS3的源代码测试,比较使用CSS3与使用最基础版本的CSS代码实现同一效果的差异,这些差异包括HTML文件的大小和加载时间、线程比较等.结论 有无受体(如加载外部图片),均可通过 CSS3实现动画演绎和图片常见效果的变化,提高页面性能,降低网页载荷;使用CSS3实现网页自适应,使不同浏览终端设备之间更易实现无障碍切换,同时DIV不会错乱;CSS3的新特性让微交互更轻松、更便捷且兼具景深效果;CSS3更能有效优化页面性能,节省开发成本.