css stylesheet vs template

Question

Я только начинаю работать в веб-разработке, когда кто-то говорит мне, что они предоставляют CSS-таблицу стилей/шаблон, это то же самое. делает ли шаблон только то, как выглядит моя страница, и мне нужно сопоставить html с css для репликации сайта, подобного этому? Если кто-то может предоставить мне пример, это будет действительно здорово. Благодаря!

Answer 1

Шаблон, как правило, разметки HTML, а таблица стилей - отдельный файл CSS, используемый для стилизации шаблона. Вы можете придумать шаблон как дом и таблицу стилей в качестве краски и обоев.

Answer 2

Шаблон, как правило, представляет собой набор html, css, изображений, js и других файлов, что дает вам особый внешний вид. Тот, кто сказал вам, что, возможно, хотел сообщить вам, что вам не нужно много работать над стилем, поскольку это уже сделано.

Answer 3

, когда кто-то говорит мне, если они предоставляют CSS-таблицу стилей/шаблон, это то же самое?

Когда кто-то говорит вам что-то, и вы не уверены в том, что они говорят вам, что это уместно спросить их уточнить.

Никто из Stack Overflow не может с уверенностью ответить на некоторые неопределенные высказывания какого-либо другого неизвестного разработчика.

Шаблон только дает мне способ, которым моя страница выглядит, и мне нужно сопоставить html с css для репликации сайта, подобного этому?

Так что давайте немного подберемся и обсудим жаргон.

В общих таблицах стилей веб-разработчиков «таблицы стилей» ссылаются на таблицы стилей 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 я использую вызовы структурированных серверных «шаблонов» кода, тогда как другой вызывает сами структуры данных «шаблоны», поэтому контекст важен.

Answer 4

Шаблон может иметь широкий диапазон значений в мире веб-разработки. Это может означать что угодно: от простой разметки HTML, которая используется при рендеринге данных на полный веб-сайт, построенный в HTML, JavaScript и CSS, которые вы можете адаптировать к вашим потребностям.

Я думаю, что в вашем контексте человек, с которым вы говорите, говорит, что они предоставят таблицы стилей 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/