正在改变网页设计的 CSS 新功能
如今,设计格局已经完全改变。我们配备了新的、强大的工具——CSS 网格、CSS 自定义属性、CSS 形状和 CSS 编写模式等等——我们可以用它们来锻炼我们的创造力。泽尔·刘 (Zell Liew) 解释了具体方法。曾经有一段时间,网页设计变得单调。设计师和开发人员一遍又一遍地构建相同类型的网站,以至于我们被业内人士嘲笑只创建了两种网站:这就是我们“创造性”思维所能达到的极限吗?这个念头,让我的心里涌起一股难以抑制的悲伤。我不想承认,但这也许是我们当时能做到的最好的事情。也许我们没有合适的工具来进行创意设计。网络的需求正 电子邮件营销列表 在迅速发展,但我们仍然停留在诸如浮动和表格之类的古老技术上。如今,设计格局已经完全改变。我们配备了新的、强大的工具——CSS 网格、CSS 自定义属性、CSS 形状和 CSS 等等writing-mode——我们可以用它们来锻炼我们的创造力。过去,使用基于浮动的网格,要创建三列网格,您需要计算每列的宽度、每个装订线的大小以及如何定位每个网格项。然后,您需要在 HTML 中创建类以适当地设置它们的样式。事情相当复杂。
http://zh-cn.gamblingdat.com/wp-content/uploads/2023/12/IMAGE-55.jpg
为了让事情变得更容易,我们采用了网格框架。一开始,960gs和1440px等框架允许我们在8列、9列、12列甚至16列网格之间进行选择。后来,Bootstrap 赢得了框架之战。因为 Bootstrap 只允许 12 列,而改变它很痛苦,所以我们最终选择 12 列作为标准。但我们不应该责怪 Bootstrap。这是当时最好的方法。谁不想要一个事半功倍的好解决方案?网格问题解决后,我们将注意力转向设计的其他方面,例如版式、颜色和可访问性。现在,随着CSS Grid 的出现,网格变得更加简单。我们不再需要害怕网格数学。它变得如此简单,以至于我认为使用 CSS 创建网格比使用 Sketch 等设计工具更容易。
頁:
[1]