Page 87 - 6859
P. 87

стилі  та  коментарі  розташовуються  між  відкриваючим  і
                            закриваючим тегами елемента style:
                                <STYLE TYPE="text/css">
                                 ...
                                 </STYLE>
                                 Сам  тег  style  (на  відміну  від  link)  може  знаходитися  в  будь-
                            якій  частині  документа,  але  звичайно  його  розміщують  всередині
                            елемента head.

                                Стилі, що підставляються в рядок (inline styles)

                                Іноді  потрібно  призначити  стиль  окремого  елементу  на
                            сторінці,  не  застосовуючи  зовнішніх  стилів  і  елемента  style.
                            Типовий випадок - елемент зустрічається один раз в документі або
                            на  сайті,  але  вимагає  особливого  оформлення.  Скористаємося
                            атрибутом style (саме атрибутом елементів, а не елементом!):
                                 <P STYLE="color: red">
                                Я  абзац,  виділений  червоним  кольором,  інших
                            таких на сайті немає
                                </P>
                                 Атрибут style є у всіх HTML-елементів, що розташовуються в
                            елементі body. Усередині атрибуту style можна написати кілька CSS
                            оголошень,  розділених  крапкою  з  комою,  фігурні  дужки  не
                            використовуються.

                                 Структура CSS-правил

                                Всі  CSS-правила  складаються  з  селектора  і  блоку  оголошень
                            (укладеного  у  фігурні  дужки).  Усередині  фігурних  дужок  блоку
                            оголошень  може  знаходитися  одне  або  кілька  оголошень,
                            розділених крапкою з комою. Оголошення - це рядок, складений з
                            CSS-властивості і його значення. Вигляд CSS-правила
                                 CEЛЕКТОР {властивість:значення;}




                                                            86
   82   83   84   85   86   87   88   89   90   91