Урок 1 - що таке css
Що таке CSS і чим відрізняється від HTML?
HTML - це мова розмітки, а CSS візуальне оформлення сторінки. Використовуючи HTML спільно з CSS дозволить Вам творити чудеса!
CSS (Cascading Style Sheets) - каскадні таблиці стилів. Стиль в свою чергу це набір параметрів, що задає зовнішнє уявлення об'єкта.
Давайте розглянемо приклад:
Нам потрібно, щоб все заголовки (теги)
мали червоний колір, розмір - 34 і були написані курсивом, а заголовки (теги) були б синього кольору, розміру - 24. Наш заголовок - це об'єкт, а колір, розмір і накреслення - це параметри. Параметри наших об'єктів різні, тобто вони відрізняються стилем.
Кожен об'єкт (параграфи, заголовки, лінії, текст.) На сторінці може мати свій стиль. Набір всіх стилів називають таблицею стилів.
Якщо для одного об'єкт застосовано кілька стилів (як з нашими заголовками), то використовується каскадірованіе.Каскадірованіе визначає пріоритет стилів.
переваги CSS
- З CSS код стає Новомосковскбельним і зменшується його розмір.
- CSS допомагає впровадити нові параметри, які неможливо поставити виключно мовою HTML. Припустимо, прибрати підкреслення у посилань.
- З CSS змінити зовнішній вигляд всього сайту значно простіше. Ви верстали сайт приблизно з 100 сторінок і на ньому все заголовки синього кольору. Минув час і Ваші погляди і потрібно змінити сині заголовки на зелені. Без CSS Вам знадобитися пройтися по кожній сторінці (нагадаю сайт у Вас складається з 100 HTML сторінок) і змінити колір. З CSS доведеться зробити це лише один раз, в таблиці стилів!
- З CSS ви навчитеся нової верстці сайту "блокова верстка".
Переходимо в наступний урок і почнемо освоювати ази.
Завантажити безкоштовно HTML варіанти дизайну з нами легко!
Ще одним незаперечним плюсом шаблонів сайтів є, то що їх пишуть в більшості випадків професіонали. Під професійним шаблоном сайтом розуміється не тільки красивий і сучасний дизайн, а й тому що написаний код. Пошукові системи дивляться, як у Вас написаний сайт, SEO оптимізований код чи ні, на підставі цього знижують або підвищують Ваші позиції у видачі. Тому хороший сайт повинен бути не тільки красивий і сучасний, що важливо, а й грамотно написаний в плані коду.
Завантажуйте безкоштовні HTML варіанти дизайну і створюйте свої проекти в найкоротші терміни.