Чит лист CSS - Въведение

Каскадни таблици за стилове, известни също като CSS, е език на стилни листове, използван за описание на представянето на документ, написан на език за маркиране като HTML. По същество опростява процеса на представяне на уеб страници за представяне. Той обработва външния вид и усещането на уеб страницата и се използва за контрол на функции на уеб страница като цвета на текста, стила на шрифтовете, разстоянието между абзаци, подравняване на колони, фонови изображения и цветове и различни други ефекти, Предимствата на CSS мамян лист са, че спестява време, страниците се зареждат по-бързо, лесна поддръжка, превъзходни стилове, съвместимост на множество устройства и глобални уеб стандарти.

Команди и съдържание на Cheat sheet CSS

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

Основният синтаксис на CSS чит лист се състои от компоненти за избор и декларация. Компонентът за избор посочва HTML елемента, който трябва да бъде оформен. Декларационният компонент съдържа две или повече свойства и техните спецификации, разделени с точка и запетая. Декларацията компонент винаги започва и завършва с къдрави скоби.

По-долу са посочени CSS командите на Cheatsheet, които извършват различни видове операции:

спецификация команда
ЦветовеЦветовете се задават с помощта на предварително зададени имена на цветовете или RGB, HEX, HSL, RGBA, HSLA стойности.
ФонътЦветът на фона на елемент се определя от свойството color-color
Граници
  • border свойството задава всички гранични свойства
  • color-color задава цвета на четирите рамки
  • border-radius задава границите със заоблени ъгли
  • border-style задава стила на четирите рамки
  • border-width задава ширината на четирите рамки
ПолетаСвойството Margin задава свойствата на маржовете в една декларация.
подложкаСвойство за задаване на свойствата за подплънки в една декларация е подплънката.
Височина ширинаСвойствата за височина и ширина се използват за определяне на височината и ширината на даден елемент.
очертаниеСвойството в стил на контура определя типа на контура за даден елемент.
ТекстСвойството за цвят се използва за задаване на цвета на текста.
FontsСвойството за семейство на шрифтове се използва за задаване на шрифта на избрания текст.
звенаСвойството за декориране на текст се използва за премахване на подчертавания от връзки и свойството цвят на фона може да се използва за уточняване на фоновия цвят на връзките.
списъциСвойството в стил list определя свойството на списък в една декларация. Списъкът-стил-изображение определя изображение като маркер на списъка. Списъкът-стил-позиция определя позицията на маркера за елемент от списъка. Типът на списъка-стил указва типа маркер на елемент от списъка.
МасиBorder задава всички свойства на границата в една декларация. Ограничаването на границата определя дали границата трябва да бъде свита или не. Границата на разстоянието или разстоянието между съседни клетки. Страницата с надписи указва поставянето на надпис на таблица. Оформлението на таблицата задава алгоритъма за оформлението на таблица.
показСвойството на дисплея указва дали даден елемент се показва и как се показва.
Max-ШиринаВ процеса на определяне на ширината на блоков елемент, използването на max-width ще подобри работата на браузъра с малки прозорци.
позицияСвойството за позиция определя позицията на елемент.
препълванеСвойството за преливане контролира текст, който е твърде голям, за да се впише в дадена област.
поплавъкСвойството float указва как елемент трябва да плава.

Безплатни съвети и трикове за използване на Cheat лист CSS команди: -

Някои основни трикове на Chess sheet CSS са, както следва.

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

заключение

Ches sheet CSS, като инструмент за изграждане на уебсайт, е много ефективен. Тъй като опциите за по-добро представяне на уебсайт и добавяне на полезни функции са повече с CSS, той е много предпочитан.

Препоръчителни статии

Това е ръководство за Cheat sheet CSS, тук сме обсъдили съдържанието и командата, както и безплатни съвети и трикове на Cheat sheet CSS, можете също да разгледате следната статия, за да научите повече -

  1. Cheat Sheet SQL
  2. Водещи въпроси за интервю за CSS
  3. CSS vs CSS3 разлики
  4. CSS3 Въпроси и отговори за интервю
  5. Интересен лист за мами за UNIX
  6. Cheat Sheet JavaScript: Функции