Как подключить таблицу стилей CSS для различных элементов одностраничного сайта в программе SharePoint Designer? Конечно, когда Вы сайт уже сделали, подключать новые стили CSS бессмысленно. Поэтому давайте в SharePoint Designer создадим новый файл через пункт меню Файл — Создать. И сразу откройте html-код, чтобы лучше видеть те изменения, которые будут в нем происходить в процессе Вашей работы.
Нажмите на Формат — Создать стиль

С помощью таблицы стилей CSS можно оформить не только отдельные элементы сайта, задавая параметры атрибутами class и id.
Также в стилях CSS можно прописать свойства по умолчанию для всего сайта сразу, или для его элементов, ничего не изменяя в html-коде самой страницы.
Вы уже знаете, как прописывается в таблице стилей CSS свойство неподвижности фона:

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

Вы уже знаете различные элементы html-кода одностраничного сайта, рассмотрим теперь html-код сайта подробнее. Запустите визуальный редактор html, которым Вы пользуетесь, это может быть SharePoint Designer, может быть Dreamweaver, и откройте в нем файл index.html своего одностраничного сайта.
Посмотрите на его код. Первый тэг, который прописан в коде — это тэг <!DOCTYPE>

Теперь, когда у Вас есть свой одностраничный сайт, сделанный либо в программе Dreamweaver, либо в SharePoint Designer, Вы можете более внимательно посмотреть на его html-код, попробовать изменить что-то на сайте и посмотреть, как это изменение отражается в коде. И наоборот, можно попробовать что-то изменить в html-коде, и посмотреть, какие изменения произойдут на сайте. Риска никакого нет, даже если что-то произойдет не так, Вы всегда можете отменить операцию.

Вы уже создали в SharePoint Designer одностраничный сайт, и теперь осталось только доделать в нем некоторые мелочи, чтобы можно было его размещать в Интернете. Например, если Вы откроете в браузере, то увидите, что в закладке окна отображается название Без названия 1. Давайте напишем что-то более осмысленное.
Запустите SharePoint Designer, затем откройте в нем файл index.html своего одностраничного сайта.

Вы уже знаете, как создать одностраничный сайт в SharePoint Designer, как поставить в него картинки и текст, а также форму подписки и видео. Теперь давайте сделаем фон на сайте.
Запускаете SharePoint Designer, и открываете в нем index.html своего одностраничного сайта, затем выбираете пункт меню Формат — Фон. Вам откроется окно Свойства страницы, вкладка Форматирование. Дальше Вы можете выбрать или фоновый цвет или фоновый рисунок.

Вы уже знаете, как ставить текст и картинки в SharePoint Designer, и уже почти создали одностраничный сайт. Теперь продолжаем его оформление. Открываете программу SharePoint Designer, а в ней файл index.html, который уже делали раньше, в папке Вашего одностраничного сайта.
Вы уже, наверное, заметили, что таблица, в которой Вы размещали текст и картинки для Вашего одностраничного сайта, расширяется на все окно браузера

Теперь, когда Вы знаете, каким должен быть одностраничный сайт, начинаем его делать с помощью программы SharePoint Designer. Если Вы посмотрите любой одностраничный сайт, в том числе и мою подписную страницу http://oskype.pro444.ru, то увидите, что границы сайтов четко обозначены. Текст и картинки не расползаются на всю ширину экрана, все находится на своих местах при любой ширине окна браузера. Достигается это с помощью размещения текста и картинок

Вы уже создали одностраничный сайт с помощью программы SharePoint Designer, или программы Dreamweaver? Пока он еще пустой, и Вам нужно его оформить надлежащим образом, чтобы он заработал.
Оформление одностраничного сайта будет зависеть от его назначения. Одностраничный сайт может быть:

Сайтом-визиткой, который будет представлять Вас или Вашу кампанию.