Шпаргалка CSS - Вступ

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

Команди та вміст на шпаргалці CSS

Основний синтаксис

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

Нижче наведені CSS команди Cheatsheet, які виконують різні види операцій:

Специфікація Командування
КольориКольори задаються за допомогою попередньо визначених назв кольорів або значень RGB, HEX, HSL, RGBA, HSLA.
ФониКолір фону елемента визначається властивістю кольору тла
Межі
  • властивість border встановлює всі властивості кордону
  • color-color встановлює колір чотирьох кордонів
  • межа-радіус встановлює межі із закругленими кутами
  • стиль бордюру встановлює стиль чотирьох кордонів
  • border-width встановлює ширину чотирьох кордонів
ПоляВластивість Margin встановлює властивості поля в одній декларації.
ПрокладкиВластивістю встановлення властивостей прокладки в одній декларації є набивання.
Висота ширинаВластивості висоти та ширини використовуються для визначення висоти та ширини елемента.
СтруктураВластивість стилю контуру визначає тип контуру для елемента.
ТекстВластивість кольору використовується для встановлення кольору тексту.
ШрифтиВластивість сімейства шрифтів використовується для встановлення шрифту вибраного тексту.
ПосиланняВластивість оформлення тексту використовується для видалення підкреслень із посилань, а властивість кольору фону може бути використана для визначення кольору фону посилань.
СпискиВластивість стилю list встановлює властивість списку в одній декларації. Зображення у стилі списку визначає зображення як маркер елемента списку. Стиль-список списку визначає позицію маркера елемента списку. Тип стилю списку вказує тип маркера елемента списку.
СтолиКордон встановлює всі властивості кордону в одній декларації. Збіг кордону визначає, чи слід обмінювати кордон чи ні. Розмежування кордону відстань або проміжок між сусідніми клітинками. Сторона підписів визначає розміщення підпису таблиці. Макет таблиці встановлює алгоритм компонування таблиці.
ДисплейВластивість дисплея визначає, чи відображається елемент і як він відображається.
Макс-ширинаУ процесі визначення ширини блочного елемента використання максимальної ширини покращить роботу браузера з невеликими вікнами.
ПозиціяВластивість позиції визначає положення елемента.
ПереповненняВластивість переповнення контролює текст, який є занадто великим, щоб вписатись у область.
ПоплавокВластивість float вказує, як елемент повинен плавати.

Безкоштовні поради та підказки використання команд CSS шпаргалки: -

Деякі основні хитрощі чіт-листів CSS наступні.

  • Box-Model: CSS Box-Model - це по суті вікно, яке обертається навколо кожного елемента HTML. Він складається з поля, меж, прокладки та змісту.
  • Псевдоклас: використовується для визначення конкретного стану елемента, який передбачає стилізацію елемента по-іншому, коли користувач переходить на нього, стилі відвідуваних та невідомих посилань та стилізацію елементів, які знаходяться в фокусі.
  • Псевдоелемент: використовується для стилізації частини елемента, наприклад першої літери, слова чи рядка. Це також допомагає вставляти вміст до та після вмісту елемента.
  • Вертикальна висота екрана: Це для того, щоб вказати, наскільки вміст повинен займати екран.
  • Стилі телефонних посилань: він визначає властивості посилань, які відкриваються як телефонні номери на телефоні.
  • Навігаційні смуги: Для веб-сайту важливо мати хорошу навігацію. CSS перетворює нудні меню HTML у гарні навігаційні панелі.

Висновок

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

Рекомендовані статті

Це керівництво по CSS аркуша читів, тут ми обговорили зміст та команду, а також безкоштовні поради та підказки чіт-листа CSS, ви також можете переглянути наступну статтю, щоб дізнатися більше -

  1. Шпаргалка SQL
  2. Основні питання щодо інтерв'ю CSS
  3. Відмінності CSS проти CSS3
  4. CSS3 Інтерв'ю Питання та відповіді
  5. Цікавий шпаргалка для UNIX
  6. Чит-лист JavaScript: Функції

Категорія:

Інструменти веб-розробки