4 Динамічний HTML CSS2
Щоб не плутати користувачів термінами JScript (від компанії Microsoft) і JavaScript (від Netscape), компанія Microsoft назвала комбінацію, що включає розширену мовау сценаріїв, часткову підтримку CSS2 і кілька дрібних удосконалень, словосполученням «динамічний HTML». Netscape відповіла на виклик і оголосила про підтримку динамічного HTML в четвертій версії свого броузера.
Основну ідею динамічної HTML можна сформулювати дуже просто: повний контроль мови сценаріїв над всіма елементами документа, параметрами їх оформлення і розміщення (як УЯВНОЮ в HTML, так і задаються за допомогою CSS) і над самим текстом сторінки.
Завдяки цьому будь-який елемент HTML-документа зможе рухатися в довільному напрямку, змінювати своє форматування і буквально листуватися - як у відповідь на дії користувача, так і за власною ініціативою.
У поєднанні з абсолютним позиціонуванням елементів засобами CSS це дозволяє реалізувати на веб-сторінці майже повноцінний програмний інтерфейс з випадають багаторівневими меню, перетягуванням об'єктів мишею.
CSS (каскадні таблиці стилів) CSS зараз набагато більше, ніж просто стиль техніки. CSS2 став основним метод, який використовується повсюдно для структурування і проектування веб-сайтів. CSS2 містить всі функції CSS1 плюс це додає новий набір функцій, які дійсно змушені все, щоб виглядати більш у використанні його в новий шлях.
Внутрішні і зовнішні таблиці стилів
CSS являє собою фрагмент скрипта доданого до HTML файла стиль і формат веб-сторінки. Цей сценарій може бути доданий в межах одного HTML-файлу або ви можете додати свій сценарій на окремому файлі і визначимо / пов'язати його з HTML-файл.
Якщо ви додаєте його в HTML-файл, то його називають таблиці внутрішніх стилів. Внутрішні сценаріїв поміщається між тегами наступним чином:
... Стиль <тип = "текст / CSS">
CSS Вміст тут йде
</ STYLE> ...
Якщо ви хочете додати свій CSS зовні [Зовнішні таблиці стилів], то ви створите окремий файл з розширенням (. CSS) і додайте ваш скрипт в ньому. Потім протягом теги HTML файл, ви можете оголошувати і посилання на файл CSS
Синтаксис каскадних таблиць стилів складається з 3 блоків:
Selector {властивість: значення;}
Селектор (X) HTML теги / елемент, який ви хочете застосувати стиль. Власність ім'я стилів власності або тип, який ви хочете додати до цього елемента. Значення стилю значення оптимальної високою або низькою залежно від властивостей застосовується і бажаного ефекту.
Будь-який елемент може мати декілька властивостей, кожне властивість може мати кілька незалежних значень. Класи
Створення класів дозволяють застосовувати різні стилі для тих же елементів. Тепер один з достоїнств CSS є успадкування, враховуючи останній приклад, вказаний клас сміливі пропозиції на пункт, який має стиль, застосований вже до кольору вона синього кольору. Через спадщини ваш вирок буде напівжирним плюс це вона як і раніше пофарбовані в синій колір.
Вкладені клас в стилі елемента буде застосовуватися як стилі вкладений клас плюс основний стиль, застосований до містить елемент, і це є одним з основних переваг CSS в якості скриптової мови.
Ідентифікатори
Ідентифікатори мають деяку схожість з класами по дорозі він використовує, але ID використовується тільки в одному елементі і прикладних один раз.