如何进行CSS的网站设计与开发？-科灯跨境

各位站长在外贸建站时，可以通过变换生成、掌握Calc（）函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具，可以极大程度上，减少前端技术人员代码编写的负担，帮助网站形成一个良好的网站布局。所以，本文接下来将和大家分享在CSS设计中存在的一些巧思，让各位站长更好的进行Web开发工作。

一、图像必须匹配站点的颜色方案

颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率，如灰度PNG，并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案，并且可以跨多个主题重复使用图像。每个方法只需要一个CSS规则。

二、使用变换生成

CSS多边形，通常用边框创建，但与CSS多边形（transform属性）相比，忽略了一个更强大的工具。在嵌套元素中应用变换允许创建具有图像背景或边框和透明内部的复杂多边形。使用3D变换，可以将2D形状组合成多面体，使对象合并、展开、爆炸或重组，如WebGL。

三、掌握Calc（）

Calc（）函数的使用在CSS中是一个很棒的应用程序，可用于驯服页边距，填充或维度。它在可以寻找定位或设计大小、背景、梯度或变化，不仅带来了相同的旧单位的变化，而且改变了那些新的视口。

四、Box-Sizing

合理使用Box-Sizing。没有它时，会使用填充来增加或减小宽度，在像素和百分比变硬之后，无法管理定义宽度的元素。通过Box-Sizing，边框和填充容易放置在定义的宽度内。

五、连字符的精准控制

很少有人知道提供对连字符精细控制的其他功能。一般的经验法则是连续使用连字符不超过两个。使用连字符限制线和连字符限制字可以指定要连字的单词的最小长度，以及连字符暂停之前和暂停之后的最小字符数。

六、查看可用的写作模式

书写模式可帮助设计者定义文本的流动方向。一些东亚剧本从右到左垂直写入，所以用写作模式指定-vertical-rl（IE中的tb-rl）。垂直文本在欧洲写作中没有用。相反，如果页面的水平空间有限，则开发人员可以将其用作表格标题。