Структура HTML
Шаблон для XHTML 1.0 Transitionnel
Содержит такие блоки:
-
body
-
.page
-
.header
-
.nav
-
.main
.wrapper
-
.content
-
-
.aside
-
.footer
-
-
Размеры основных блоков
Основной блок .page
центрован, 960 пикселей шириной.
Шаблон минимально отзывчивый (то есть адаптивный), заданы две точки «перелома»: 767 пикселей и 640 пикселей по ширине.
Вызов таблиц стилей
Стили вызываются методом «ромашки» (daisy по-французськи).
Этот метод предусматривает определенный порядок вызова таблиц стилей, облегчающий их понимание, техническое обслуживание и настройку веб-проекта.
Таким образом, стили вызываются от более общих к более специальным.
Перечисли детальнее файлы, вызываемые из шаблона dist:
- 1. Стили Tinytypo
-
reset.css
сбрасывает установки тегов HTML, принятые по умолчанию -
clear.css
определяет модель содержания и компонования страниц (выравнивание, блоковая модель, ....) -
font.css
(по желанию) задание определенных шрифтов (вызываемых через “font-face”) -
links.css
определяет оформление гиперссылок -
typo.css
основные типографские стили -
media.css
вид изображений, фонов, видео... -
form.css
общий вид форм -
grid.css
(по желанию) сетка -
layout.css
расположение основных блоков
-
- 2. Стили плагинов SPIP
-
spip.css
общие стили для SPIP - стили, созданные плагинами и добавленные тегом
#INSERT_HEAD_CSS
-
- 3. Ваши собственные стили для управления сайтом
-
theme.css
общая тема -
variante.css
(по желанию) вариант темы -
perso.css
(по желанию) персональные настройки темв
-
Для повышения производительности администратор сайта может активировать конкатенацию этих CSS файлов при помощи пункте «Дополнительно» меню «Настройки» административного раздела сайта.