Чит лист CSS - Въведение
Каскадни таблици за стилове, известни също като CSS, е език на стилни листове, използван за описание на представянето на документ, написан на език за маркиране като HTML. По същество опростява процеса на представяне на уеб страници за представяне. Той обработва външния вид и усещането на уеб страницата и се използва за контрол на функции на уеб страница като цвета на текста, стила на шрифтовете, разстоянието между абзаци, подравняване на колони, фонови изображения и цветове и различни други ефекти, Предимствата на CSS мамян лист са, че спестява време, страниците се зареждат по-бързо, лесна поддръжка, превъзходни стилове, съвместимост на множество устройства и глобални уеб стандарти.
Команди и съдържание на Cheat sheet CSS
Основен синтаксис
Основният синтаксис на CSS чит лист се състои от компоненти за избор и декларация. Компонентът за избор посочва HTML елемента, който трябва да бъде оформен. Декларационният компонент съдържа две или повече свойства и техните спецификации, разделени с точка и запетая. Декларацията компонент винаги започва и завършва с къдрави скоби.
По-долу са посочени CSS командите на Cheatsheet, които извършват различни видове операции:
спецификация | команда |
Цветове | Цветовете се задават с помощта на предварително зададени имена на цветовете или RGB, HEX, HSL, RGBA, HSLA стойности. |
Фонът | Цветът на фона на елемент се определя от свойството color-color |
Граници |
|
Полета | Свойството 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, можете също да разгледате следната статия, за да научите повече -
- Cheat Sheet SQL
- Водещи въпроси за интервю за CSS
- CSS vs CSS3 разлики
- CSS3 Въпроси и отговори за интервю
- Интересен лист за мами за UNIX
- Cheat Sheet JavaScript: Функции