Конспект лекционных занятий
жүктеу/скачать 2.41 Mb. Pdf көрінісі
|
| 18.2.2 CSS
Второе звено тройки технологий - CSS (Cascading Style Sheets, каскадные таблицы стилей) - набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид. Возможность работы со стилями издавна включают в издательские системы и текстовые редакторы, тем самым позволяя одним нажатием кнопки придать тексту заданный заранее установленный вид. Эта же возможность реализована и для web-страниц: цвет, размеры текста и другие параметры хранятся в определенном месте и легко применяются к любому тегу. Еще одним преимуществом стилей является то, что они предлагают намного больше возможностей для форматирования, чем обычный HTML. "HTML- страница похожа на человека … если HTML задает "скелет" нашего человечка (страницы), то CSS позволяет задать цвет глаз, кожи, вид и форму одежды, и т.д." [49]. 98 Таблицы стилей позволяют определить цвет и начертание текстового фрагмента, выполнить его выравнивание относительно других блоков и компонентов страницы, задать размер, положение и границы каждого из них в рамках HTML-разметки. На сегодняшний день рабочим стандартом каскадных таблиц стилей является CSS 3, ориентированный на более гибкое оформление фоновых изображений, работу со сглаженными углами и тенями, расширенным набором шрифтов и принципами оформления текстовых фрагментов, тонкую настройку параметров под различные устройства вывода. Многие возможности, которые были ранее труднодоступны, или требовали использования дополнительных внешних программ, скриптов или специальных "хитростей" могут теперь легко достигаться в CSS3 за счет использования новых свойств оформления. Так, например, новое свойство установки размера фоновых изображений background-size, которого так не хватало в традиционном CSS, позволяет автоматически изменять размер фона под размер браузера, а также использовать несколько фоновых изображений одновременно, создавая эффект многослойности. Еще одно свойство, которого ждали многие - возможность добавления скругленных углов. К каким только ухищрениям не прибегали, пытаясь реализовать одно из направлений WEB 2.0. С помощью нового CSS3 свойства border-radius это делается элементарно. CSS 3 сделал шаг и в сторону перемещения web-пространства в трехмерную среду, добавив возможность задания теней для текста и блочных элементов. жүктеу/скачать 2.41 Mb. Достарыңызбен бөлісу:
|