Для того щоб зрозуміти яка ж між CSS і HTML різниця, необхідно розібратися, що ж таке CSS, а що таке HTML.
У перекладі з англійської CSS означає «Каскадні таблиці стилів». CSS є технологією управління дизайном веб-сторінки, він надає безліч можливостей для опису зовнішнього вигляду сторінки, також дозволяє значно спростити вид HTML сторінки за допомогою перенесення оформлення для елементів сторінки в CSS файл. CSS дає можливість використання одного оформлення для необмеженої кількості елементів HTML сторінок. Це дозволяє на всіх сторінках, які використовують один клас для оформлення, змінювати оформлення на всіх сторінках сайту, змінивши його 1 раз в CSS файлі, це дуже зручно, якщо на сайті більше 50 сторінок, не потрібно в кожній з них змінювати оформлення елемента.
Що ж таке HTML. У перекладі з англійської HTML означає «Мова розмітки гіпертексту». HTML є стандартною мовою розмітки HTML документів. Мова розмітки гіпертексту використовується безпосередньо для структурування вмісту HTML сторінки. З його допомогою можна створювати таблиці, оформляти їх, створювати оформлення для текстів і гіпертекстові документи.
HTML сторінки без використання CSS стають складними і заплутаними, так як оформлення для кожного елемента прописується заново, що значного збільшує обсяг тексту. Наприклад, є HTML сторінка, на якій розміщено 3 частини тексту, які необхідно оформити однаково (розмір, колір), але використовувати HTML теги для оформлення всіх трьох відразу не виходить, так як ці фрагменти знаходяться в різних місцях HTML сторінки. Для оформлення таких текстів буде необхідно використовувати код кожного разу, для кожного фрагмента окремо.
При використанні ж CSS, ми один раз створимо оформлення для класу, а потім в коді HTML-сторінки просто пропишемо цей клас кожному з трьох фрагментів. Тепер HTML код тепер виглядає менш об'ємно, чи не так? Змінивши лише один елемент CSS, ми можемо поміняти оформлення відразу всіх сторінок сайту. А цих сторінок можуть бути тисячі.
висновки TheDifference.ru
- HTML є мовою, на якому створюється веб-сторінка. CSS є технологією управління дизайном цієї веб-сторінки.
- З точки зору дизайну сторінки, CSS більш зручний, ніж прописування оформлення в HTML, тому що дозволяє домогтися істотного зменшення розміру коду і задавати оформлення відразу для безлічі сторінок.