Веб-дизайн

  

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

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

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

Веб-термины

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




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

СВЯЗЬ




МЕНЮ САЙТА   


 


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

вд Креатив

 

space  

sp

Тема

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



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

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

классы CSS

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

Каскадные таблицы стилей предлагают к использованию так называемые «классы» , как ещё одну интерпретацию собственных возможностей — едва ли не мощнейших из технологий веб-дизайна и Интернета. Суть их чрезвычайно проста: разработчик вправе самостоятельно назначать произвольные имена для любых директив css, а в определениях свойств указывать необходимые для конкретного сетевого ресурса установки.

Для наглядного иллюстрирования рассматриваемой методики, мы можем обратиться к установкам из прежнего примера. Предположим, что форматирование текста для абзаца выполнено вот таким селектором в каскадной таблице стилей:

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;
}

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

.z {font-size: 10px;}

— а для того, чтобы браузер узнал о новой директиве, дескриптор абзаца в коде страницы необходимо ориентировать на данный класс:

<P CLASS="z">


— в этом случае, размер выводимого на дисплей кегля будет равен десяти пикселям, а все остальные установки тега наследуются из селектора <P> (по сути, все, кроме определённых в директиве класса).

 


Статья:

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

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

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



указатель

Назад

указатель

К началу

указатель

Далее

 

 




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

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


 


 

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



 

 

 

 

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