【问题标题】:Abode XD : Simple Template converting to html codeAdobe XD:转换为 html 代码的简单模板
【发布时间】:2019-10-11 01:42:57
【问题描述】:

我已经建立了一个电子邮件确认模板。我想将其转换为 html 以在电子邮件确认中使用它。 我在将模板转换为代码方面的经验为 0,我应该使用什么来转换代码或者在转换之前我应该​​知道什么? 这是我的模板的链接。 https://xd.adobe.com/spec/0a1e7aeb-a0af-4471-5d49-9659faf04c44-7c2f/

【问题讨论】:

标签: html css


【解决方案1】:

您通常需要了解 HTML 和 CSS 的基础知识才能将模板转换为代码。

现在您需要从 HTML 中了解您的模板:

  1. 标题标签
  2. 图片标签
  3. 段落标签
  4. div 标签:将您的页面划分为包含您的内容的框,您的设计有一个包含标题、图像和其他段落的主框,该框分为包含图像的框和包含其下方文本的另一个框。

你需要从 CSS 中了解:

  1. 如何改变背景颜色
  2. 如何更改文本颜色
  3. margin 和 padding 为您的设计设置空间
  4. height 和 width 来设置你的盒子的高度和宽度
  5. font-family 更改您的字体样式
  6. border-radius 定义元素角的半径。

你可以使用“https://www.w3schools.com/”作为参考来学习这些东西。

希望这对你有用。

【讨论】:

    猜你喜欢
    • 2020-01-28
    • 1970-01-01
    • 1970-01-01
    • 2015-01-03
    • 1970-01-01
    • 2011-09-28
    • 2021-01-16
    • 2022-01-10
    • 1970-01-01
    相关资源
    最近更新 更多