CSS це мова стилів, який визначає відображення HTML-документів. Наприклад, CSS працює з шрифтами, кольором, полями, рядками, висотою, шириною, фоновими зображеннями, позиціонуванням елементів і багатьма іншими речами.
HTML може використовуватися для оформлення web-сайтів. Але CSS надає бульше можливості і більш точний і опрацьовано. CSS, на сьогоднішній день, підтримується всіма браузерами.
Різниця між CSS і HTML
HTML використовується для структурування вмісту сторінки. CSS використовується для форматування цього структурованого вмісту.
У міру розвитку Web дизайнери почали шукати можливості форматування онлайнових документів. Щоб задовольнити зрослим вимогам споживачів, виробники браузерів винайшли нові HTML-теги, такі, наприклад, як , які відрізнялися від оригінальних HTML-тегів тим, що вони визначали зовнішній вигляд, а не структуру.
CSS був створений для виправлення цієї ситуації шляхом надання web-дизайнерам можливостей точного дизайну, підтримуваних всіма браузерами. Одночасно відбувся поділ уявлення і вмісту документа, що значно спростило роботу.
Які переваги дає CSS
Поява CSS стало революцією в світі web-дизайну. Конкретні переваги CSS:
· Управління відображенням безлічі документів за допомогою однієї таблиці стилів;
· Більш точний контроль над зовнішнім виглядом сторінок;
· Різноманітні вистави для різних носіїв інформації (екран, друк, і т. Д.);
· Складна і пророблена техніка дизайну.
таблична верстка
Таблична верстка - умовна назва методу верстки HTML-документів, при якому в якості структурної основи для розташування текстових і графічних елементів документа використовуються таблиці (тобто HTML-тег
).
Метод набув широкого поширення за часів передували появі стандарту CSS, так як на той момент не було іншого простий можливості точно розташувати елементи на сторінці. Таблиці ж, за рахунок того, що автоматично змінюють свій розмір відповідно до вмісту, а також за рахунок можливості, навпаки, поставити точні розміри тієї чи іншої комірки, дозволяють швидко і зручно розставити ілюстрації до тексту або поєднати кілька частин колажу в одне велике зображення . Крім того, таблиці в HTML можуть бути вкладеними, що дозволяє створювати цілі ієрархії таблиць, що було дуже зручно при верстці складних сторінок, окремі елементи яких повинні були б зберігати своє становище і розмір на екрані незалежно від розміру вікна браузера, тоді як інші елементи , навпаки, повинні були змінюватися в розмірах і / або змінювати своє місце розташування відносно інших об'єктів документа.
Деякі вважають, що таблична верстка порушує основну ідею створення мов розмітки - візуальне відображення документа повинно автоматично виходити з логічної розмітки і не залежати від його безпосереднього змісту. Іншими словами, використовувати таблиці слід тільки для відображення табличних даних: статистик, розкладів, порівняльних характеристик та ін. А для розташування елементів документа слід використовувати CSS
Проте, таблична верстка залишається найбільш зручною і простою в освоєнні, тому багато web-розробники продовжують нею користуватися. Цей метод верстки зарекомендував себе, як найбільш стабільний і надійний, в той час як блокова верстка складна в реалізації, має проблеми із сумісністю з різними браузерами і т.п.
До появи CSS оформлення web-сторінок здійснювалося безпосередньо усередині вмісту документа (таблична верстка). Однак з появою CSS стало можливим принципове розділення змісту і представлення документа (блокова верстка). За рахунок цього нововведення стало можливим легке застосування єдиного стилю оформлення для маси схожих документів, а також швидка зміна цього оформлення.