CSSスタイルシート対テンプレート

Question

私はちょうど誰かがCSSスタイルシート/テンプレートを提供しているかどうか教えてくれたときに、Web開発を始めています。テンプレートは私のページの見た目だけを与えてくれるのですか？それと同様のサイトを複製するためにHTMLをCSSにマップする必要がありますか？もし誰かが私に例を教えてくれれば本当に素晴らしいだろう。ありがとう！

Answer 1

テンプレートは一般にHTMLマークアップですが、スタイルシートはテンプレートのスタイリングに使用される別のCSSファイルです。テンプレートはハウス、スタイルシートはペイントと壁紙と考えることができます。

Answer 2

テンプレートは通常、html、css、画像、jsなどのファイルのセットで、特定のルックアンドフィールを提供します。誰かがあなたに言ったことは、すでに行われているように、スタイリングに多くのことをする必要がないことを伝えたいと思ったことでしょう。

Answer 3

誰かが私に教えてくれたときに、CSSスタイルシート/テンプレートを提供しているのは同じことですか？

誰かがあなたに何かを伝え、あなたは彼らがあなたを言っているのかがわからない場合は、それを明確にするためにそれらを尋ねるに適切です。

スタックオーバーフローの誰も、他の未知の開発者による確実な曖昧な声明で答えることはできません。

テンプレートは私のページの見た目しかわかりませんし、それと同様のサイトを複製するには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の内容と属性は、あなたが好きなコンテンツの任意の並べ替えでウィジェットを表示するように更新されてもよいです。

---

言い換えれば、ツール/製品/サーバー側言語の違いは、専門用語が異なります。私が使用する1つのCMSは、構造化されたサーバー側のコード "テンプレート"を呼び出す一方、別のCMSはデータ構造自体を "テンプレート"と呼んでいるため、コンテキストが重要です。

Answer 4

テンプレートは、Web開発の世界で幅広い意味を持つことができます。 HTML、JavaScript、CSSで構築された完全なWebサイトにデータをレンダリングする際に使用される単純なHTMLマークアップから、必要に応じて変更することができます。

あなたが話している人は、CSSスタイルシート（ウェブサイトのルック＆フィールを与える）とHTMLページの例を提供すると言っています。さまざまなコンポーネント。 Bootstrapフレームワークは、このタイプのテンプレートの良い例です。 Bootstrapは、主にCSSとJavaScriptだけですが、利用可能なコンポーネントをどのように利用するかを理解できるように、HTMLの例が多数提供されています。

Answer 5

スタイルシートは、要素の表示方法を定義します。

一部のHTML

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

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

このコンテンツは、視覚的に上記の内容とそれに割り当てられたクラスに関連するスタイルを使用して変更することができます。ここで

.my-title-section { 
     font-size:150%; 
} 

.my-content-section { 
     padding:20px; 
     background-color:#ccc; 
} 

あなたはアクションでそれを見ることができます：https://jsfiddle.net/5p0mae5e/