Преимущества использования CSS Текст научной статьи по специальности «Компьютерные и информационные науки»

Секция «Фундаментальнее и прикладньш проблемы гуманитарных наук»

УДК 004.9

ПРЕИМУЩЕСТВА ИСПОЛЬЗОВАНИЯ CSS

А. А. Грошкова, А. И. Махова

Сибирский государственный аэрокосмический университет имени академика М. Ф. Решетнева Российская Федерация, 660037, г. Красноярск, просп. им. газ. «Красноярский рабочий», 31

Е-mail: [email protected]

Рассмотрены положительные стороны CSS по сравнению с HTML.

Ключевые слова: CSS, HTML, каскадные таблицы стилей, веб-дизайн.

ADVANTAGES OF USING CSS A. A. Groschkova, A. I. Makhova

Reshetnev Siberian State Aerospace University 31, Krasnoyarsky Rabochy Av., Krasnoyarsk, 660037, Russian Federation

E-mail: [email protected]

The positive aspects of CSS are compared with HTML.

Keywords: CSS, HTML, cascading style sheets, web design.

Еще несколько лет назад была актуальна проблема чересчур большого веса сайтов, которая была решена методом упрощения дизайна до наипростейшего. На самом деле, наиболее эффективным методом является применение CSS. Каскадные таблицы стилей (Cascading Style Sheets, CSS) в настоящее время используются на 99,9% сайтов, но не в полном объеме [2]. С помощью CSS, которые, к тому же, постепенно обновляются, приобретая новые возможности, можно воплотить в жизнь любую задумку веб-дизайнера, вне зависимости от уровня сложности.

Объектом данного исследования является выявление преимуществ применения каскадных таблиц стилей в веб-дизайне.

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

• Огромный перечень возможностей для веб-дизайнера, так как CSS является стандартом W3C, созданным специально для оформления сайтов [1]. С помощью HTML можно реализовать далеко не все идеи.

• Стили и их описание можно разместить в отдельном файле. Таким образом можно избежать путаницы, работать параллельно с дизайном и контентом сайта [3].

• Из предыдущего пункта вытекает преимущество централизованного хранения стилей в одном файле (чаще всего style. css), путь к которому задается в начале документа. Таким образом, для редактирования внешнего вида страницы достаточно обратиться к одному файлу.

• Загрузка сайта проходит быстрее, так как таблицы стилей сохраняются в кэш-памяти, поэтому при последующем посещении повторная загрузка стилей не требуется [3]. Также объем кода с использованием CSS заметно уменьшается.

• Блочная ориентировка облегчает разработку единого стиля для каждой страницы сайта, так как все собрано в одной таблице. Это также дает возможность более точного контроля над оформлением, так как при изменении одной строки будет изменяться соответствующее представление на каждой странице [2].

• С помощью таблиц стилей можно задавать разное представление страниц для различных устройств, что очень актуально на данный период времени [4].

Актуальные проблемы авиации и космонавтики - 2017. Том 3

• Можно точно добиться отображения желаемого макета при печати с помощью свойств, разработанных специально для печатного варианта страницы [1].

• На данный момент CSS поддерживаются почти каждым браузером, за исключением сильно устаревших версий [1].

• Для работы с CSS реализовано множество вспомогательных программ, плагинов, модулей, сервисов. Также без труда можно найти специальную литературу, статьи или форумы [2].

• Отсутствие конкретных недостатков, помимо неправильного использования и устаревшего программного обеспечения [2].

• И, наконец, данный стандарт несложен для понимания и использования.

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

Библиографические ссылки

1. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / Дженнифер Роббинс; [пер. с англ. М. А. Райтман]. — 4-е издание. — М.: Эксмо, 2014. — 528 с.

2. Ваховский Р. Что нужно знать о CSS. Преимущества CSS. Особенности и простота использования каскадных таблиц стилей [Электронный ресурс]. — / Р. Ваховский // Учебник WordPress. — 2016. URL — https://wordpress-book.ru/poleznye-dopolneniya/chto-nuzhno-znatj-o-css/ (дата обращения: 17.04.2017).

3. Кривобок В. Что такое CSS? [Электронный ресурс]. — / В. Кривобок // Создай свой сайт. — 2014. URL — http://kviter.ru/chto-takoe-css (дата обращения: 18.04.2017).

4. Петренко Е. CSS: структура и код. Преимущества использования [Электронный ресурс] / Е. Петренко. 2011. URL http: //webmaster-html.ucoz.ru/publ/html_ tekhnologii/obshhee/ urok_quot_css_struktura_i_kod_preimushhestva_ispolzovanij a_quot/3 -1 -0-29 (дата обращения: 18.04.2017).

© Грошкова А. А., Махова А. И., 2017