Question

我刚刚开始进行Web开发，当有人告诉我他们是否提供css样式表/模板是同样的事情。模板只给我我的页面看起来的方式，我是否必须将html映射到css复制类似的网站？如果有人可以给我一个例子，那将是非常好的。谢谢！

Answer 1

模板在Web开发领域具有广泛的意义。它可以表示从渲染数据时使用的简单HTML标记到可以根据您的需求构建的HTML，JavaScript和CSS构建的完整网站。

我认为在您的上下文中，您正在与之交谈的人表示他们将提供CSS样式表（为您提供网站的外观和感觉）以及示例HTML页面，以向您展示如何利用各种组件。 Bootstrap框架是此类模板的一个很好的例子。 Bootstrap本身主要是CSS和JavaScript，但它们为您提供了许多HTML示例，因此您可以了解如何利用可用的组件。

Answer 2

当有人告诉我他们是否提供css样式表/模板是同样的事情？

当有人告诉你某事并且你不确定他们告诉你什么时，要求他们澄清是适当的。

Stack Overflow上没有人可以肯定地回答其他一些未知开发者的一些模糊陈述。

模板是否只给我我的页面看起来的方式，我是否必须将html映射到css以复制类似的网站？

所以请稍等一下，讨论行话。

在常见的Web开发人员用语中，“样式表”是指CSS样式表，“模板”是指可以与不同数据一起使用的示例HTML结构。

示例widget模板可能看起来像

<div class="widget">
  <div class="widget__header">Header of the widget</div>
  <img class="widget__image" src="http://placehold.it/200x150"/>
  <div class="widget__description">lorem ipsum dolor sit amet</div>
</div>

在此示例中，可以更新HTML内容和属性，以显示包含您喜欢的任何内容的窗口小部件。

所有这一切：不同的工具/产品/服务器端语言有不同的术语。我使用的一个CMS调用结构化服务器端代码“模板”，而另一个CMS调用数据结构本身“模板”，因此上下文很重要。

Answer 3

模板通常是HTML标记，而样式表是用于样式化模板的单独CSS文件。您可以将模板视为房屋，将样式表视为油漆和墙纸。

Answer 4

模板通常是一组html，css，images，js和其他文件，它们为您提供特定的外观和感觉。无论谁告诉你，或许想让你知道你不需要在造型方面做太多工作，因为那些事情已经完成了。

Answer 5

样式表定义了元素的外观。

一些HTML

@Injectable()
export class LanguagesService {
  private type: string;
  constructor(@Optional() type: string) {
    this.type = type;
  }
  get() {
    return ['en', 'es', 'fr'];
  }
}

然后可以使用与上述内容及其指定类别相关的样式直观地更改此内容。

<div class="my-title-section">
   <h1>My Title</h1>
</div>

<div class="my-content-section">
    Some content here
</div>

您可以在此处看到它：https://jsfiddle.net/5p0mae5e/

css样式表与模板

5 个答案: