Що таке css і чим він відрізняється від html коду, сайт з нуля
На ряду з початком вивчення html коду. необхідно також познайомитися і з CSS. Звичайно, вам не обов'язково цим займатися, особливо якщо не дуже хочете вникати в саму суть пристрою сайту і за якими принципами працюють ті чи інші його елементи. Але що робити, якщо якась частина ресурсу буде відображати некоректно або виникнуть інші проблеми? Краще все таки мати хоча б мінімальне уявлення про роботу системи.
Що таке CSS?
CSS - це скорочення від Cascading Style Sheets - що означає Каскадні таблиці стилів. Це дуже дивний і зручний інструмент, який значно спрощує створення і управління інтернет ресурсами.
Стиль в веб-дизайні - це певна сукупність різних параметрів, які всі разом задають зовнішній вигляд певного елемента або цілого сайту.
CSS може працювати з дуже багатьом: полями, фоном, картинками, відступами, бічними колонками, таблицями і т.п. Його можливості значно перевершують звичайний html код, як по функціоналу, так і за зручністю.
Чим CSS відрізняється від HTML?
Є кілька основних причин, чому був створений CSS.
Вся справа в тому, що спочатку html використовувався виключно для розмітки вмісту документа. Тобто з його допомогою вказувалося, що це параграф, а це таблиця, а це - картинка.
Приклад відмінності css від html:
Припустимо перед нами стоїть завдання зробити сайт про природу з 100 сторінок. Як ви розумієте, за правилами хорошого тону, весь сайт необхідно виконати в одному стилі, наприклад, зелений фон, шрифт Verdana 14 розміру. посилання червоного кольору.
Якщо ми робимо такий сайт на чистому html, то на кожній новій сторінці потрібно вказувати зелений фон, вказувати щоб посилання були червоного кольору, кожному новому параграфу вказувати шрифт 14 розміру. Тобто кожній сторінці потрібно як-би заново створювати стиль.
Тепер зробимо те ж саме на CSS. В окремому файлі створюємо стиль однаковий для всіх сторінок. І в кожній сторінці пропишемо єдину строчку що включає цей стиль.
Чим це краще від першого варіанту? А Ви уявіть, що через деякий час ви захотіли поміняти дизайн всього сайту. У випадку з чистим html. Вам доведеться заходити на кожну сторінку і міняти всі параметри на інші, уявіть скільки це займе часу. Але в разі використання CSS ви просто поміняли ці параметри у файлі стилів і на всіх 100 сторінках дизайн оновився.
Тим більше за допомогою CSS можна робити такі речі, які на html зробити взагалі нереально. По ходу навчання Ви самі побачите це.
Основні переваги CSS:
- управління дизайном будь-якої кількості документів за допомогою однієї таблиці стилів;
- більш точний дизайн сторінок, підтримуваний всіма браузерами;
- поділ документа на дві складові: структура та дизайн, завдяки чому вихідний код стає чистим і легко Новомосковскемим
- нові розширені можливості в порівнянні зі звичайним html.
Далі ми розглянемо основні функції та коди, які використовуються при створенні таблиць стилів і як їх можна буде змінювати для свого блогу чи сайту. Слідкуйте за оновленнями на нашому проекті sitesnulya.ru.