Работа со стилями CSS в SharePoint Designer

С помощью программы SharePoint Designer можно не только задавать стили CSS для всего сайта. Также можно создавать классы и идентификаторы, и присваивать их различным частям сайта.

Откройте свой одностраничный сайт, который Вы в SharePoint Designer делали. Зайдите в Формат — Стили CSS — Применить стили. С правой стороны у Вас появится окошко Применение стилей. В этом окошке уже будут перечислены различные стили CSS, которые уже есть на Вашем одностраничном сайте.

Чтобы присвоить какому-то фрагменту Вашей страницы стиль CSS, нужно выделить этот фрагмент, и нажать на нужный стиль CSS из окошка. И фрагменту данный стиль CSS будет присвоен.

Если Вы нажмете в окошке Применение стилей на любой стиль CSS правой клавишей мыши, появится список тех операций, которые Вы сможете совершить. Среди них изменить стиль, переименовать, или создать новый стиль.

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

Также свойства стиля CSS Вы можете изменить, если зайдете в Формат — Свойства CSS. Слева появится окошко Свойства CSS, в котором Вы можете изменить свойства того стиля, где стоит курсор.

Отключение и подключение стилей CSS

Бывают случаи, когда таблица стилей CSS подключаться не должна: например, когда мы делаем письма html. Почтовые ящики стили CSS не воспринимают. Тогда стили CSS нужно отключить, и использовать html-код без стилей. Чтобы отключить применение таблицы стилей CSS, заходите в SharePoint Designer в пункт меню Сервис — Параметры редактора страниц — CSS, и в раскрывшемся окне отмечаете пункт Применение стилей вручную.

Например, Вы делаете текст красным. Если будет отмечен пункт Автоматическое подключение стилей, то в таблице стилей CSS появится класс с соответствующим атрибутом:

.style1 {
color: #FF0000;
}

и этот класс будет присвоен тексту:

<p class="style1">текст</p>

А если будет отмечен пункт Применение стилей вручную, то в данное свойство будет прописано прямо в тексте одностраничного сайта:

<p style="color: #FF0000">текст</p>

Видео о том, как работать со стилями CSS в SharePoint Designer

Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером