Веб-дизайн

  

Веб-дизайн | Технологии Интернета

Технологии веб-дизайна. Создание сайта. HTML

Ничего лишнего. Только нужная информация, изложенная самым простым языком.

Веб-термины

      Аa      Бб      Вв       Гг       Дд       Ее       Жж       Зз       Ии       Кк      Лл      Мм      Нн       Оо      Пп       Рр       Сс     Тт       Уу      Фф     Хх    Чч      Яя sp




Веб-дизайн. Связь

СВЯЗЬ




МЕНЮ САЙТА   


 


вд Интернет, Сеть и сетевые ресурсы

вд Терминология веб-дизайна

вд Термин «веб-дизайн»

вд Термин «технологии веб-дизайна»

вд Термин «веб-проект»

вд Термин «веб-страница»

вд Термин «сетевые ресурсы»

вд Термин «веб-архитектура»

вд Термин «имя»

вд Структура Интернета. Домен

вд Термин «домен»

вд Домены первого уровня. Перечень

вд Создание сайта. Общие сведения

вд Сайт. Подготовка к публикации

вд Сайт. Регистрация домена

вд Выбор имени домена

вд Сайт. Сервер и хостинг, их выбор

вд DNS - «прописка» домена

вд Публикация сайта

вд HTML. Гипертекстовая разметка

вд HTML. Что такое тег (дескриптор)

вд HTML. Гиперссылка и гипертекст

вд HTML. Метатеги (теги МЕТА)

вд Метатеги группы «http-equiv»

вд Метатеги группы «name»


вд Алгоритмы поисковых систем

вд Дизайн-макет

вд Веб-термины: ГС и СДЛ

вд Сео-оптимизация

вд Веб-термин: сервер

вд Перелинковка

вд Семантическое ядро

вд Термин: гипертекст

вд Приложение

вд Курсы веб-дизайна

вд Требования к сайту

вд Компоненты форм

вд Создание форм

вд Иерархия вложенных тегов

вд Вложенность тегов

вд Создание сайтов и CSS

вд Синтаксис тегов

вд Создание сайтов и сложные теги

вд Веб-шпаргалка

вд Комментарии

вд Подборка авторских сайтов

вд Креатив

 

space  

sp

Тема

Увлекательные технологии Интернета и веб-термины. Синтаксис каскадных таблиц стилей css sp



Синтаксис каскадных таблиц стилей css

При создании / применении каскадных таблиц стилей (css) используется особенный алгоритм записи и прочтения, значительно отличающийся от синтаксиса языков гипертекстовой разметки HTML — в первую очередь, именно своей компактностью, «прозрачностью» и рациональностью. Впрочем, давайте не будем ходить вокруг да около описываемого предмета, а просто рассмотрим элементарные правила реализации этой технологии веб-дизайна.

синтаксис CSS

Директивы, предписывающие браузеру считывать информацию непосредственно из файла с расширением .css, могут быть представлены в нескольких различных видах; чаще всего для указания используются наименования тегов гипертекстовой разметки HTML, а сам синтаксис записи выглядит вот так (обобщённый пример):

НАИМЕНОВАНИЕ_ЭЛЕМЕНТА _HTML {свойство: значение}

Обратите внимание, что скобки используются не привычные нам полукруглые, но именно фигурные. Ошибки в применении этих знаков разметки не так уж и редки, что неизбежно приводит к некорректной работе каскадных таблиц стилей (причина понятна: уж слишком такие скобки похожи друг на друга, и в обычном «Блокноте» поиск ошибочного синтаксиса порою может стать чересчур раздражающим и утомительным занятием). Вывод: при вёрстке css, непременно нужны в равной степени как внимательность, так и аккуратность!

Пример простейшего форматирования текста

Не откладывая эксперимента в долгий ящик, давайте предположим, что мы захотели определить условия форматирование текста, а именно — абзаца (тег гипертекста HTML <P>). В этом случае, корректная запись должна быть сделана вот по такому принципу синтаксиса:

p {font-family: Verdana, Helvetica, Arial Cyr;
font-size: 12px;
margin-top: 10; margin-bottom: 9;
margin-left: 60px; margin-right: 60px;
text-indent: 0pt;
line-height:135%;
word-spacing: 2px; text-align: justify;
}

Правила записи атрибутов css

Заметьте, что перечисление определяемых атрибутов происходит через точку с запятой, а варианты их значений записаны просто через запятую (приоритет просчитывается слева направо). Что конкретно обозначается свойствами / атрибутами тега, мы в данный момент рассматривать не намереваемся; в конце концов, речь сейчас идёт вовсе не об этом, но об описании синтаксиса.  Запомните то, что любой из HTML-файлов (всякая из веб-страниц) может быть ориентирован на конкретный файл css, и в этом случае описанный в таблице тег будет отображаться браузером по указанной технологии веб-дизайна.

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

 


Статья:

 Синтаксис каскадных таблиц стилей css

Опорные темы:

  Увлекательные технологии Интернета и веб-термины



указатель

Назад

указатель

К началу

указатель

Далее

 

 




Веб-дизайн. Лого  

Веб-дизайн | Технологии  На главную


 


 

«Интернет без ошибок». Художественная мастерская С. Добрынина © 2008-2017. Все права защищены



 

 

 

 

Последнее обновление 20.06.2017