Що таке CSS і для чого вони потрібні?
В одній зі своїх статей на «Школі життя» під назвою «Що необхідно для того, щоб створити свій перший сайт?»Я вже писав, що для створення свого власного Інтернет-ресурсу необхідно знати мову гіпертекстової розмітки - HTML. Більшість сайтів у всесвітній павутині створено за допомогою цієї мови. Але HTML був розроблений в 1991-1992 роках і, хоча згодом зазнав деяких змін, не став тим універсальним мовою, якою можна обійтися на всі випадки життя. З точки зору професіонала - сайт, зроблений із застосуванням виключно одного HTML, виглядатиме, м'яко кажучи, «на трієчку».
Дійсно, якщо ви хочете мати для себе статичний, постійно стоїть на одному місці і практично не змінюється з часом сайт, то знань HTML вам буде цілком достатньо. Але тільки на перших порах. Згодом, якщо ви захочете додати, наприклад, новий розділ або змінити шапку, то доведеться заново редагувати всі сторінки. А якщо їх багато, то такий процес може зайняти дуже тривалий час. Що ж робити?
Тут і допоможуть CSS, тобто каскадні таблиці стилів. Крім того, стилі вміють робити й інші речі, наприклад, прибирати підкреслення у посилань, міняти їх колір при наведенні курсору миші, приховувати від очей користувача рамки зображень і багато, багато іншого.
У загальному випадку HTML доцільно використовувати тільки для того, щоб вставляти текст, картинки та інші елементи сторінки. А їх шрифт, розміри, колір та інші параметри краще ставити через стилі. Це позбавить вас від усіх праць, пов'язаних з переверстку інших подібних за своїм оформленням сторінок, значно спростить роботу і заощадить час. Наприклад, якщо ви захочете зробити на всіх сторінках свого сайту шрифт 12 кегля синього кольору, що знаходиться на червоному тлі з відступом у два рядки від шапки, вам доведеться щоразу на новій сторінці виробляти близько десятка маніпуляцій у візуальному редакторі. А якщо ви робите сайт «вручну» - багаторазово додавати одні й ті ж теги. При використанні CSS всього цього робити не доведеться. Зберігши властивості шрифту, розміри і колір в одному файлі, який називається «стилістичним», ви кожного разу будете підключати його при редагуванні нової сторінки додаванням в код HTML-документа всього одного рядка! При цьому вся сторінка відразу ж прийме належний їй вид. Налаштування шапки (малюнок) можна зберегти в іншому файлі і коли знадобиться її змінити, варто тільки незначно поміняти наявну в нього інформацію, і всі сторінки вашого сайту моментально зміняться! Зручно, чи не так?
Безперечною перевагою використання CSS в роботі творця сайту є і те, що вони дозволяють всі документи сайту оформити одноманітно, тобто схожими за структурою, що створить йому привабливий і приємний для очей користувача вид. А склад сторінок визначить HTML. Крім того, стилі мають набагато ширші можливості в порівнянні з мовою гіпертекстової розмітки, вони можуть змінити колір фону елемента, прибрати рамку у зображень і деякі інші. Одним з найбільш примітних достоїнств застосування стилів стала «блокова верстка» або верстка за допомогою шарів, яка допомогла поліпшити зовнішній вигляд багатьох сучасних Інтернет-ресурсів, їх індексацію в пошукових системах і просто розширила можливості розміщення інформації на веб-сторінках.
Якщо ви хочете надати будь-якої з сторінок вашого сайту особливий, неповторний вигляд, для таких цілей розробниками передбачена можливість вставки стилів не в окремий файл, а безпосередньо в сам HTML-документ. Такий спосіб дещо менш ефективний, ніж попередній, але іноді використовується деякими розробниками, з тієї простої причини, що вони до цього вже звикли.
Синтаксис CSS багато в чому схожий на HTML і досить нескладний за своїм освоєнню. Тому, вивчивши мову гіпертекстової розмітки, не відкладайте справу в довгий ящик і відразу переходите до вивчення стилів. HTML і CSS чудово доповнюють один одного. В якості ресурсів, які можуть вам допомогти, можна порекомендувати специфікацію по CSS і сайт постройка.ру.
Успішного сайтостроительства! ]
