CSS Інтро
CSS - це мова, яка використовується для оформлення (стилізації) вебсторінки.
Що таке CSS?
- CSS розшифровується як Cascading Style Sheets (каскадні таблиці стилів)
- CSS описує як HTML елементи мають відображатись на екрані, папері або інших носіях
- CSS економлять багато часу. Вони можуть контролювати макет кількох вебсторінок одночасно
- Зовнішні таблиці стилів зберігаються в окремих CSS файлах
CSS демо - Одна HTML сторінка - кілька стилів!
Тут ми покажемо одну HTML-сторінку з чотирма різними таблицями стилів. Натисніть на посилання "Таблиця стилів 1", "Таблиця стилів 2", "Таблиця стилів 3", "Таблиця стилів 4 нижче, щоб побачити різні стилі:
Навіщо використовувати CSS?
CSS використовується для визначення стилів ваших вебсторінок, включаючи дизайн, макет та варіанти відображення для різних пристроїв та розмірів екрана.
CSS розв’язав велику проблему
HTML НІКОЛИ не повинен містити теги для форматування вебсторінки!
HTML був створений для опису змісту вебсторінки, наприклад:
<h1>Це заголовок</h1>
<p>Це параграф.</p>
Коли такі теги, як <font>
та атрибути кольору були додані в специфікацію HTML 3.2, це стало жахіттям для веброзробників. Розробка крупних вебсайтів, на яких шрифти та інформація про колір додавались на кожну сторінку, стала довготривалим та дуже вартісним процесом.
Щоб вирішити цю проблему, Консорціум World Wide Web (W3C) створив CSS.
CSS видалив форматування стилів із HTML-сторінок!
Якщо ви ще не знаєте, що таке HTML, рекомендуємо вам вивчити HTML Підручник на нашому сайті W3Schools українською.
CSS економить багато роботи!
Описи стилю зазвичай зберігаються у зовнішніх файлах з розширенням .css.
За допомогою зовнішнього файлу таблиці стилів ви можете змінити зовнішній вигляд всього сайту, змінивши лише один файл css!
Примітка. Варто зазначити, що більшість сучасних веббраузерів продовжують підтримувати старі вебсайти, які були зроблені відповідно до специфікацій HTML3.2 та HTML4, де використовувались теги форматування безпосередньо в файлах HTML, та відображають їх відносно правильно. Але при створенні сучасних вебсайтів РЕКОМЕНДУЄТЬСЯ використовувати форматування лише в окремих CSS-файлах, які підключаються до файлів HTML!
Найбагатші люди світу
Як ви думаєте, хто найбагатші люди світу? Правильно! Це ті, хто має відношення до сучасних інформаційних технологій та дизайну!
Ось ТОП-10 найбагатших людей світу за версією журналу Forbs станом на лютий 2024 року.
- Bernard Arnault & family - $216.6 млрд: — французький бізнесмен, інвестор і колекціонер мистецтва. Він є засновником, головою та генеральним директором LVMH, найбільшої у світі компанії з виробництва предметів розкоші. За даними Forbes, Арно є найбагатшою людиною у світі, станом на 10 лютого 2024 року його статки становили понад 216 мільярдів доларів США.
- Elon Musk - $198.9 млрд: є бізнесменом та інвестором. Він є засновником, головою, генеральним директором і технічним директором SpaceX; ангел-інвестор, генеральний директор, архітектор продукту та колишній голова Tesla, Inc.; власник, голова та технічний директор X Corp.; засновник Boring Company і xAI; співзасновник Neuralink і OpenAI; і президент Фонду Маска.
- Jeff Bezos - $192.5 млрд: — американський бізнесмен, медіавласник та інвестор. Він є засновником, виконавчим головою та колишнім президентом і генеральним директором Amazon, найбільшої у світі компанії електронної комерції та хмарних обчислень.
- Mark Zuckerberg - $166.6 млрд: — американський бізнесмен і філантроп. Разом зі своїми сусідами по кімнаті в Гарварді в 2004 році він заснував соціальну медіакомпанію Facebook та її материнську компанію Meta Platforms (раніше Facebook, Inc.), в якій він є виконавчим головою, головним виконавчим директором і контрольним акціонером.
- Larry Ellison - $142.1 млрд: — американський бізнесмен і підприємець, який став співзасновником компанії Oracle з розробки програмного забезпечення. Він був головним виконавчим директором Oracle з 1977 по 2014 рік, а зараз є її головним технічним директором і виконавчим головою.
- Warren Buffett - $131.2 млрд: — американський бізнесмен, інвестор і філантроп, який зараз є співзасновником, головою правління та генеральним директором Berkshire Hathaway. Завдяки величезному інвестиційному успіху Баффет є одним із найвідоміших інвесторів у світі.
- Bill Gates - $124,8 млрд: — американський бізнесмен, інвестор, філантроп і письменник, відомий тим, що разом із другом дитинства Полом Алленом став співзасновником програмного гіганта Microsoft. Під час своєї кар’єри в Microsoft Гейтс обіймав посади голови правління, головного виконавчого директора (CEO), президента та головного архітектора програмного забезпечення, а також був її найбільшим індивідуальним акціонером до травня 2014 року. Він був видатним піонером мікрокомп'ютерної революції 1970-1980-х років.
- Larry Page - $122.1 млрд: — американський бізнесмен, комп’ютерник та інтернет-підприємець, відомий тим, що разом із Сергієм Бріном заснував Google.
- Steve Ballmer - $120.1 млрд: — американський бізнесмен та інвестор, який був головним виконавчим директором Microsoft з 2000 по 2014 рік. Він є власником Los Angeles Clippers Національної баскетбольної асоціації (NBA). Він є співзасновником Ballmer Group, філантропічної інвестиційної компанії.
- Sergey Brin - $117.0 млрд: — американський бізнесмен, відомий тим, що разом із Ларрі Пейджем заснував Google. Брін був президентом материнської компанії Google, Alphabet Inc., доки не залишив цю посаду 3 грудня 2019 року. Він і Пейдж залишаються в Alphabet як співзасновники, контрольні акціонери та члени правління.
CSS — Інтро
Це відео є коротким вступом до CSS.
Частина серії відеоуроків із вивчення CSS для початківців!