Что такое
CSS
?
CSS (англ.
Cascading Style Sheets — "каскадные таблицы стилей") —
формальный язык описания внешнего вида документа, написанного с
использованием языка разметки.
Преимущественно используется как средство описания,
оформления внешнего вида веб-страниц, написанных с
помощью языков разметки
HTML и XHTML, но может
также применяться к любым XML-документам, например, к
SVG или XUL.
CSS
используется создателями веб-страниц для задания цветов,
шрифтов, расположения отдельных блоков и других аспектов
представления внешнего вида этих веб-страниц. Основной
целью разработки CSS являлось разделение описания
логической структуры веб-страницы (которое производится
с помощью
HTML или других языков разметки) от описания
внешнего вида этой веб-страницы (которое теперь
производится с помощью формального языка CSS). Такое
разделение может увеличить доступность документа,
предоставить большую гибкость и возможность управления
его представлением, а также уменьшить сложность и
повторяемость в структурном содержимом. Кроме того, CSS
позволяет представлять один и тот же документ в
различных стилях или методах вывода, таких как экранное
представление, печатное представление
или чтение голосом.
До
появления CSS оформление веб-страниц осуществлялось
исключительно средствами HTML,
непосредственно внутри содержимого документа. Однако с
появлением CSS стало возможным принципиальное разделение
содержания и представления документа. За счёт этого
нововведения стало возможным лёгкое применение единого
стиля оформления для массы схожих документов, а также
быстрое изменение этого оформления.
Преимущества:
- несколько дизайнов страницы для разных устройств просмотра. Например,
на экране дизайн будет рассчитан на большую ширину, во
время печати меню не будет выводиться, а на КПК и
сотовом телефоне меню будет следовать за содержимым.
- уменьшение времени загрузки страниц сайта за счет переноса правил
представления данных в отдельный CSS-файл. В этом случае
браузер загружает только структуру документа и данные,
хранимые на странице, а представление этих данных
загружается браузером только один раз и может быть
закэшировано.
- простота последующего изменения дизайна. Не нужно править каждую
страницу, а лишь изменить CSS-файл.
- дополнительные возможности оформления. Например, с помощью CSS-вёрстки
можно сделать блок текста, который остальной текст будет
обтекать (например для меню) или сделать так, чтобы меню
было всегда видно при прокрутке страницы.
Недостатки:
- различное отображение вёрстки в различных браузерах (особенно
устаревших), которые по-разному интерпретируют одни и те
же данные CSS.
- часто встречающаяся необходимость на практике исправлять не только один
CSS-файл, но и теги HTML, которые сложным и ненаглядным
способом связаны с селекторами CSS, что иногда сводит на
нет простоту применения единых файлов стилей и
значительно удлиняет время редактирования и
тестирования.
Более
подробно об нюансах и технических аспектах CSS можно
почитать в Википедии
|