освіти та науки Росії
Федеральне державне бюджетне освітня установа вищої НАУКИ
«Чуваська державний університет імені І.М. Ульянова »
Канашський філія
Курсова робота
Основні можливості CSS3
Канаш 2013
Зміст
Введення
. Загальні відомості про CSS3
. Закруглені кути
. Тінь у тексту
. Меню, що випадає
. Розмовні блоки
. Навігація на вкладках
. Кнопки
. Загнуті краї стрічки
. Напівпрозорі блоки
. Ефект тиснення
. Поворот тексту
. Вертикальна випадає панель
. 3D ефект для картинки
. 3D Куб
. Кілька бекграундом
. Аналоговий годинник
Висновок
Список джерел
Введення
Те, що сайт складається з HTML сторінок, знають практично всі люди, і навіть школярі, але от використання CSS ставить у глухий кут вже велика кількість людей. Ймовірно, вони просто бояться складного словосполучення «таблиці каскадних стилів»- Є в цьому щось від ГЕС і водоспадів. Насправді ж, CSS набагато простіше, ніж багато хто думає.
перше, це простий текстовий файл, що має розширення css. Фактично, це настроювальний файл для безлічі HTML сторінок, що дозволяє одним виправленням змінити стиль всіх сторінок сайту. Це зроблено для того, щоб розвантажити важкі сторінки, відокремивши форматування тексту від його змісту. Мода зараз така, що хороша HTML сторінка повинна бути чиста, і в ній не повинно потрапляти всяких тегів, якими рясніють довідники по HTML 3.2 - курсив, напівжирний шрифт, цитування і т.д. Більше того, використання стильових файлів дозволяє більш розкішно побудувати дизайн сайту, позбувшись навіть від фреймів і таблиць, без яких, здавалося б, нікуди не дітися. Приміром, як можна на сторінці розмістити символ в строго зазначеної позиції? Тільки через таблиці. А ось у CSS є команда «абсолютна позиція», яка і встановлює об'єкт у потрібне місце на екрані, причому навіть можна вкласти символ в символ. Звичайно, ніщо не дається даром - перед використанням CSS HTML файл потрібно грунтовно підготувати, включивши в нього теги блокової верстки div і id для застосування нових стилів. Для сторінок із суцільним текстом це не проблема.
З часом стандарт CSS змінювався: зараз версія 2 вже поступилася дорогу версії 3, в якій було проведено безліч цікавих змін. Зокрема, тепер в стилях можна використовувати анімаційну трансформацію, змінні (можливо, але не точно), а також, що найбільше радує око - всякий 3D ефекти на зразок тіней над блоками. Справа в тому, що знайти повний опис змін в CSS3 досить складно, адже існує і ще один стримуючий фактор. Ще з часів появи CSS, в результаті воєн браузерів, кожен браузер вважав своїм обов'язком не підтримувати стандарти повною мірою, вводячи свої особливості. Таким чином, багато ефекти проявляються лише в окремих браузерах, а в інших або зовсім не відображаються, або псують всю картину, відображаючись з помилкою. Найменше схильний до...
