|
Post by account_disabled on Jan 3, 2024 23:49:25 GMT -6
表单元素、表格和图像的元素,您将学习如何首先设计小屏幕的样式以及如何选择基于内容而不是设备的断点。 灵活的盒子布局 摘要 •您将研究新的灵活框布局以及如何在不涉及标记的情况下以可视方式重新排序内容,如何克服常见的问题(例如不等高列上的等高背景等)。 响应式排版 总结 •我们每天浏览的大部分网络内容都是书面文字。了解不同的网络字体格式以及如何正确实施它们,同时考虑后备字体和网站性能。您将了解如何将网络字体指定为低分辨率和高分辨率显示,以及如何在不同分辨率的屏幕上测试它们。 RGBa 和不透明度 总结 •随着硬汉 HTML 的全部设置和小屏幕样式的就位,您现在将为您的设计提供额外级别的保真度和交互性,从而充分利用大屏幕上的。 可用空间。您将把我们的垂直列表重新开发为由八个杂志封面组成的网格,当我们按下它们时,它们会显示它们的描述。您将通过应用相对定位但没有任何水平或垂直偏移来实现此目的。 边框 总结 • CSS 边框可能令人兴奋,因为它们包含可带来大量创意机会的属性。您将研究 Whatsapp 号码列表 具有诸如(我们的客户非常喜欢的)属性以及在这些边框内使用图像的新设计可能性。border-radiusborder-image 背景图片 总结 •由于我们还可以使用多个背景图像并更改其原点和大小,因此存在大量新的创意机会。您将首先使用多个背景图像进行设计。背景属性使我们能够精确控制背景图像的大小以及它们在元素后面的渲染方式。 渐变 总结 •扁平化设计美学已成为常态。如今,您看到的几乎每个网站都包含大而平坦的颜色区域,通。 常分布在水平带上,几乎总是屏幕的整个宽度,带有平坦或轮廓按钮以及也是平坦的图标图形。您将学习如何摆脱这种扁平化美学所体现的平庸,您将看到丰富且充满生机的网页设计。无论您喜欢线性渐变、径向渐变、重复渐变还是多个背景图像,您都需要知道如何处理它们。 第四部分 总结 •在《More Hardboiled CSS》中,您将了解背景混合和 CSS 滤镜,以及如何使用二维和三维 CSS 变换来平移、缩放、旋转和倾斜元素。您将了解如何通过大量 CSS 转换使状态更改更加平滑,并通过了解如何将列添加到您的布局而不需要额外的划分来结束。 背景混合和滤镜 总结 •变化步伐的快速加快对于设计师和开发人员、企业和品牌以及整个互联网来说是一件好事。CSS 过滤器和背景混合等新技术不仅引入速度更快,而。
|
|