Що таке css, основи css

Попередня ◈ Наступна

Як ви пам'ятаєте HTML - це мова розмітки, але його творці так хотіли поліпшити життя сайтостроителей, що додавали в нього елементи і параметри, що відповідають за зовнішній вигляд сторінки: теги . . . і так далі.

Але на якийсь момент код сторінок став таким громіздким і нечитабельним, що стало ясно - цей шлях веде "в нікуди". Тоді було прийнято рішення розділити розмітку сторінки (HTML) і її візуальне оформлення (CSS). У сукупності HTML і CSS дозволяє творити чудеса і в цьому ви незабаром переконаєтеся.

Що таке CSS

CSS (Cascading Style Sheets) - каскадні таблиці стилів.

Стиль - набір параметрів, що задає зовнішнє уявлення об'єкта. Наприклад, нехай ми хочемо, щоб всі заголовки першого рівня (теги

) На одній сторінці мали червоний колір, розмір - 24 і були написані курсивом, а на іншій сторінці були б синього кольору, розміру - 12. Наш заголовок - це об'єкт, а колір, розмір і накреслення - це параметри. Просто параметри нашого об'єкта для різних сторінок різні, тобто вони відрізняються стилем.

Кожен елемент на сторінці може мати свій стиль (параграфи, заголовки, лінії, текст.). Набір стилів всіх елементів називають таблицею стилів.

Якщо для одного елемента задано кілька стилів (як в прикладі з заголовками), то застосовується каскадирование. яке визначає пріоритет того чи іншого стилю.

переваги CSS

  • CSS дозволяє значно скоротити розмір коду і зробити його Новомосковскбельним.
  • CSS дозволяє задавати такі параметри, які не можна задати тільки мовою HTML. Наприклад, прибрати підкреслення у посилань.
  • CSS дозволяє легко змінювати зовнішній вигляд сторінок. Уявіть, ви зробили сайт з 50 сторінок, на яких все заголовки синього кольору. Через якийсь час, ви захотіли поміняти синій колір на зелений. Вам доведеться пройтися по всіх 50 сторінок і поміняти колір у відповідному атрибуті. З CSS вам доведеться зробити це лише один раз, в таблиці стилів.
  • З CSS пов'язана так звана блокова верстка сайту.

    • Пора переходити від слів до справи, в наступному уроці і почнемо.

    Якщо цей сайт виявився вам корисний, ви можете допомогти в його розвитку, поставивши одну з цих посилань на свій сайт.

    Схожі статті

    Попередня ◈ Наступна