|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/weixin03/
课程评论:没有评论
**课程名称:** 微信小程序界面设计 - 小程序中CSS3样式精通课程 **课程概述:** 本课程专注于讲解如何在微信小程序中熟练运用CSS3的强大功能来设计精美的用户界面。课程指出,微信小程序使用的wxss(WeiXin Style Sheets)在很大程度上沿用了CSS3的语法和特性。因此,建议学员在学习本课程前,对常规CSS3的语法有所了解。 课程内容将深入探讨小程序中CSS3的各项实用技巧,包括: * **圆角边框 (border-radius):** 如何创建各种样式的圆角。 * **盒阴影 (box-shadow):** 为元素添加逼真且富有层次感的阴影效果。 * **渐变 (Gradients):** 实现线性渐变和径向渐变,增加界面的视觉丰富度。 * **2D 转化 (2D transforms):** 应用旋转、缩放、倾斜等2D变换,实现动态和创意性的布局。 * **过渡 (transition):** 为元素的属性变化添加平滑的过渡动画,提升用户体验。 * **多列调整 (column-count):** 有效地将内容分栏显示,优化信息呈现。 * **尺寸调整 (Resizing):** 灵活控制元素大小,适应不同屏幕和布局需求。 * **外形修饰 (outline):** 为元素添加轮廓线,突出显示关键元素。 * **框大小 (box-sizing):** 理解并运用`box-sizing`属性,精确控制元素的盒模型尺寸。 通过本课程的学习,学员将能够全面掌握在微信小程序中应用CSS3样式设计的技巧,从而创建出更具吸引力和用户友好性的界面。
微信小程序中的wxss沿用了css的特性,在学习本次课程前,大家可以了解下常规css3的语法本次课程是讲解如何在微信小程序中使用css3的样式讲解微信小程序中如何使用css3的一些特性,border-radius圆角边框box-shadow盒阴影渐变Gradients2D转化transition过渡column-count多列调整尺寸(Resizing) 外形修饰(outline)框大小box-sizing