Шпаргалка CSS - Введение
Каскадные таблицы стилей, также известные как CSS, - это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки, например HTML. Это в основном упрощает процесс придания веб-страниц презентабельности. Он обрабатывает внешний вид веб-страницы и используется для управления такими функциями веб-страницы, как цвет текста, стиль шрифтов, интервал между абзацами, выравнивание столбцов, фоновые изображения и цвета и множество других эффектов., Преимущества чит-листа CSS заключаются в том, что он экономит время, страницы загружаются быстрее, удобнее в обслуживании, превосходные стили, совместимость с несколькими устройствами и глобальные веб-стандарты.
Команды и Контент на Шпаргалке CSS
Основной синтаксис
Основной синтаксис шпаргалки CSS состоит из селектора и компонентов объявления. Компонент селектора определяет HTML-элемент, который должен быть стилизован. Компонент объявлений содержит два или более свойств, а их спецификации разделены точками с запятой. Компонент объявления всегда начинается и заканчивается фигурными скобками.
Ниже перечислены CSS-команды Cheatsheet, которые выполняют различные виды операций:
Спецификация | команда |
Цвета | Цвета задаются с использованием предварительно определенных имен цветов или значений RGB, HEX, HSL, RGBA, HSLA. |
Фон | Цвет фона элемента задается свойством background-color |
Границы |
|
Маржа | Свойство Margin устанавливает свойства полей в одной декларации. |
набивка | Свойство для установки свойств заполнения в одном объявлении является дополнением. |
Высота ширина | Свойства высоты и ширины используются для указания высоты и ширины элемента. |
Контур | Свойство outline-style определяет тип контура для элемента. |
Текст | Свойство color используется для установки цвета текста. |
шрифты | Свойство font-family используется для установки шрифта выделенного текста. |
связи | Свойство text-художественное оформление используется для удаления подчеркиваний из ссылок, а свойство background-color можно использовать для указания цвета фона ссылок. |
Списки | Свойство list-style устанавливает свойство списка в одном объявлении. List-style-image определяет изображение как маркер элемента списка. List-style-position указывает положение маркера элемента списка. List-style-type указывает тип маркера элемента списка. |
таблицы | Border устанавливает все свойства границы в одной декларации. Border-collapse указывает, должна ли граница быть свернута или нет. Интервал между границами расстояния или расстояния между соседними ячейками. Заголовок указывает расположение заголовка таблицы. Макет таблицы устанавливает алгоритм для макета таблицы. |
дисплей | Свойство display указывает, отображается ли элемент и как он отображается. |
Максимальная ширина | В процессе указания ширины блочного элемента использование max-width улучшит работу браузера с небольшими окнами. |
Позиция | Свойство position указывает положение элемента. |
перелив | Свойство overflow контролирует текст, который слишком велик для размещения в области. |
терка | Свойство float указывает, как элемент должен плавать. |
Бесплатные советы и рекомендации по использованию CSS-команд
Некоторые важные хитрости CSS для шпаргалок заключаются в следующем.
- Box-Model: CSS Box-Model - это, по сути, блок, который охватывает каждый элемент HTML. Он состоит из полей, границ, отступов и содержимого.
- Псевдокласс: используется для определения определенного состояния элемента, которое включает стилизацию элемента по-разному, когда пользователь проводит над ним мышью, стилизацию посещенных и не посещенных ссылок и стили элементов, которые находятся в фокусе.
- Псевдоэлемент: используется для стилизации части элемента, такой как первая буква, слово или строка. Это также помогает вставлять содержимое до и после содержимого элемента.
- Вертикальная высота экрана: указывает, в какой степени контент должен занимать экран.
- Стиль телефонных ссылок: определяет свойства ссылок, которые открываются как телефонные номера на телефоне.
- Панели навигации: для сайта важно иметь хорошую навигацию. CSS превращает скучные меню HTML в красивые панели навигации.
Вывод
Шпаргалка CSS, как инструмент для создания веб-сайтов, очень эффективна. Так как возможности для лучшего представления веб-сайта и добавления полезных функций больше в CSS, это очень предпочтительно.
Рекомендуемые статьи
Это было руководство по Шпаргалке CSS, здесь мы обсудили содержание и команду, а также бесплатные советы и хитрости по шутке CSS. Вы также можете посмотреть следующую статью, чтобы узнать больше -
- Шпаргалка SQL
- Лучшие вопросы интервью CSS
- CSS против CSS3 Различия
- CSS3 Интервью Вопросы и ответы
- Интересная шпаргалка для UNIX
- Шпаргалка JavaScript: Функции