Для чого потрібен css

Що таке CSS і навіщо він потрібен веб-дизайнеру?

Відео: Що таке CSS і навіщо потрібна ця технологія.

Сучасні інтернет-технології дозволяють нам спілкуватися, обмінюватися інформацією, продавати, купувати і багато іншого. Всі можливі дії в глобальній мережі проводяться за допомогою деяких ресурсів, які називаються веб-сайтами.

Відео: Вивчення CSS / CSS3 | # 2 - Що таке CSS? У чому його переваги?

З 1986 року, коли був проведений на світло перший протокол інтернету, відбулося безліч змін в роботі інтернету в цілому. Змінилися інструменти, за допомогою яких будується кожен вузол цієї світової мережі. Однак, ключові моменти залишилися колишніми.

З чого зроблений сайт?

Основа будь-якого сайту, тобто його каркас, створюється за допомогою мови гіпертекстової розмітки HTML і каскадних таблиць стилів CSS.

CSS - це образну мову опису того, як буде виглядати сторінка в браузері на екрані монітора. Ця мова включає в себе набір правил, які вказують браузеру - який колір, розмір, форма, і навіть позиціонування і тіні об`єктів. Цими правилами встановлюється абсолютно все, що Ви бачите на сайті в своєму екрані.

Будь-сайт можна образно назвати клієнт-серверних додатком. Давайте розберемося в цьому.

Ваш сайт знаходиться на сервері будь-якої хостинг-компанії. Стандартний веб-сервер являє собою наступне:

• встановлена база даних з інформацією Вашого сайту;
• мова програмування, наприклад, PHP, що займається запитами, надісланими браузером;
• є папка з картинками або відео, які знаходяться у Вас на сайті;
• обов`язково присутній файл з CSS-правил;
• мова динамічної активності сторінок - Java Script і інші інструменти.

Відео: Урок 2. Призначення загальних CSS стилів для сторінки

Мова PHP і база даних працює з сервером, а CSS і Java Script відпрацьовуються у клієнта (користувача) на комп`ютері. В цьому і є основний сенс роботи сайту.

Для чого потрібен CSS?

Якби веб-програмісти і дизайнери не використали CSS, то сайти могли б виглядати приблизно так: https://info.cern.ch. Це нудно, нецікаво і не змушує залишитися на такому ресурсі.

Як було сказано вище, інтернет-сторінки будуються за допомогою HTML і CSS. Перше використовується для складання макета (структури) сторінки, а друге - для надання форми і зовнішнього вигляду цього макету. Що можна робити за допомогою цього універсального декоратора:

• керувати зовнішнім виглядом всіх сторінок сайту за допомогою єдиного файлу стилів;
• змінювати поведінку веб-вмісту на будь-якому пристрої, відображаючи по-різному одну й ту ж сторінку на екрані ноутбука і смартфона;
• точно до дрібниць контролювати зовнішній вигляд і форму кожної, окремо взятої сторінки;
• задавати успадкування певного стилю будь-яким елементом на сторінці;
• створювати складні, новомодні, і в той же час елементарно видозмінюється файли стилів.

Для кращого розуміння хочу привести таку ситуацію. Наприклад, Ви хочете, щоб на сайті domotvetov.ru логотип був червоного кольору, а кнопка «Задати питання» синя. Також Ви хочете ліве меню перемістити вправо, а рядок пошуку опустити вниз.

Все це і не тільки Вам дозволить зробити мову стилів CSS без участі сторонніх інструментів і додатків.

Основна зручність використання цієї мови дизайнерами і програмістами - це можливість швидко відредагувати або поміняти зовнішній вигляд сайту, торкнувшись тільки один файл на сервері, а браузер клієнта самостійно отримає оновлений варіант Вашої сторінки.

З повагою, Євген.