24 Css каскадты кестелік .

CSS cascading style sheets. Premises of appearance and history of development ?

CSS каскадные таблицы стилей. Помещения возникновения и истории развития?

CSS каскадты кестелік стильдер. Пайда болудың алғышарттары мен даму тарихы?

CSS  (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

CSS – это широкий спектр технологий, который одобрен консорциумом WЗС и получил такое название, как «Web Стандарты». В 1990 г. возникла необходимость стандартизировать их в какие-то определенные единые правила, благодаря которым веб-дизайнеры и программисты проектировали бы сайты. Именно так и появились такие языки, как XHTML,  HTML 4.01 и стандарт CSS.

В самом начале 1990 года, для того, чтобы отображать веб-страницы, разные браузеры обладали своими собственными  стилями. Развитие HTML было очень быстрым и он был способен удовлетворять на тот момент все существовавшие потребности по оформлению информации, именно поэтому тогда и не получил широкого признания CSS. И лишь Хокон Виум Ли  в 1994 году предложил для HTML  документов использование концепции  «каскадные таблицы стилей». В то далекое время браузеры имели ограничение в функционале. А в 1990 году язык HTML, который создал Тим Бернерс-Ли, полагал сделать не визуальное, а структурное отображение документов. Один из основателей Netscape, Марк Андреесен, в 1994 году 13 октября сообщил, что доступна для тестирования от Netscape Navigator первая версия. И за три дня до проведения тестирования, норвежский программист, сейчас он является сотрудником компании Opera Software, Хокон Виум Ли публикует черновой вариант CSS. На сегодняшний день он имеет слишком мало схожего с принятыми современными стандартами, но именно тогда был заложен общий смысл.

25 CSS анықтау әдістері.

Bases of syntax of CSS. Assignment and features of use?

Основы синтаксиса CSS. Назначение и особенности использования?

CSS синтаксисінің негізі. Қолдануының ерекшеліктері мен тағайындаулары?

Синтаксис CSS.

Изучение любого языка начинается с правописания. Язык CSS тоже не является исключением.

По сути, CSS-документ – это просто набор стилей, свойств, которые являются характеристиками отдельных стилей и их значений.

Недаром CSS расшифровывается как каскадные ТАБЛИЦЫ стилей т.к. данные здесь располагаются в виде, который можно свести в таблицу.

Выглядит это примерно так:

Элемент, который нужно оформить (селектор) {

                Свойство1 : значение1;

                Свойство2 : значение2;

                …

}

Для того, чтобы выбрать элемент, который нужно оформить, используются специальные операторы, которые называются селекторы от англ. select - выбирать.  О них мы поговорим позже.

Что может быть свойством?

Свойство – это характеристика элемента. Это может быть цвет, размер, позиция элемента и.т.д.

Значение представляет собой конкретное значение выбранного свойства. Например, если свойство задает цвет текста, то значением, может быть красный цвет.

Первым делом, для создания стиля CSS указывается селектор.

Далее идет набор свойств и значений, которы заключаются в конструкцию из фигурных скобок:

Синтаксис, применяемый для определения значений CSS В спецификации CSS, разработанной консорциумом World Wide Web (W3C), опре- деляются синтаксис и возможные значения для всех свойств CSS. Чтобы создать наи- более точные определения, консорциум W3C использует формальную схему, которая называется синтаксис определения значений CSS. Воспринимать подобный синтаксис не так уж и сложно. Например, вот синтаксис для свойства margin, задающего поля элемента: [ | | auto ]{1,4} Ниже приводится пример корректного использования свойства margin. margin: 0px; margin: 1px 10%; margin: 1px 0px auto; margin: 1px 0px 1px 0px; Ниже приводится краткое руководство по чтению синтаксиса определений. 9 Если ключевое слово отображается без кавычек, значит, оно может использоваться в исходном виде, как слово auto в приведенном выше примере. 9 Базовые типы данных CSS находятся между угловыми скобками < и >. Например, , и — это базовые типы, которые определены повсеместно. 9 Два амперсанда (&&) означают, что значения, разделенные этим сим- волом, являются обязательными, но могут отображаться в произволь- ном порядке. 9 Квадратные скобки ([]) группируют значения в одно целое. 9 Значения, разделяемые символами ||, необязательны. Одно из этих значений должно отображаться, причем значения могут выводиться в произвольном порядке. 9 Символ | означает, что параметры являются взаимоисключающи- ми — лишь один из них должен отображаться. 9 Символ звездочки (*) означает, что значение может не отображаться, отображается один раз или несколько раз. 9 Знак плюс (+) означает, что значение должно появляться один раз или несколько раз. 9 Вопросительный знак (?) указывает на то, что значение является необязательным и может отображаться лишь один раз. 9 Если вы увидите элемент , значит, допустимо значение с фик- сированной длиной, например 10px. 9 Если вы увидите элемент , значит, допустимо процентное значение, такое как 10%. 14_Ch12.indd 225 06.04.2016 12:44:12 226 Часть IV. Использование CSS 9 Числа, заключенные в фигурные скобки, означают, что минималь- ное количество появлений свойства задается первым числом, а мак- симальное количество — вторым числом. Например, запись {1, 4} означает, что свойство должно появляться как минимум один раз и как максимум четыре раза. 9 Символ # означает, что значение должно повторяться один или не- сколько раз. Каждое значение должно отделяться запятой.