Увод у Цхеатсхеет ЦСС3
Цасцадинг Стилесхеет (ЦСС) је у основи стилски језик који се користи за имплементацију изгледа и форматирања документа развијеног на означном језику. ЦСС спецификације углавном одржава Ворлд Виде Веб Цонсортиум (В3Ц). Главни мото за имплементацију ЦСС-а је приказати одвајање презентације и садржаја који укључују фронте, формате изгледа. ЦСС3 је најновија верзија или стандард за ЦСС након ЦСС2. ЦСС3 је углавном комбинација ЦСС2 спецификација и неке нове функционалности.
У наставку пронађите неколико важних модула Цхеатсхеет ЦСС3:
- Бок Модел
- Селектори
- Текст ефекти
- 2Д трансформације
- 3Д Трансформације
- Слика представљања
- Кориснички Интерпхасе
- Распоред више ступаца
- Анимације
- Прилагођавање и преусмеравање садржаја
У овом чланку Цхеатсхеет ЦСС3 разговараћемо о томе шта је ЦСС3 и различите ЦСС3 наредбе.
Команде и садржај на шифри ЦСС3
ЦСС3 има велику библиотеку, интерактивну, прошириву и садржи много уграђених метода за рачунање уобичајених операција. Испод су споменуте наредбе Цхеатсхеет ЦСС3 које изводе различите операције наредбеног ретка:
|
КОМАНДА |
ОПИС |
| : фокус | Да се фокусирам на елемент |
| : активно | Да бисте приказали и изабрали активни елемент |
| : омогућено | Приказивање елемента који је омогућен |
| : проверено | За приказ елемента који је означен |
| : ланг | Да бисте програмеру омогућили да одреди језик за одређени елемент |
| : избор | За приказ елемента који је означен и изабран |
| : корен | За приказ основног елемента у документу |
| :прво дете | За приказ првог елемента сестре |
| : последње дете | Да би се приказао последњи брачни елемент |
| :једино дете | За приказ јединог подређеног елемента |
| : први тип | Да би се приказао први брачни елемент одређене врсте |
| : последњи тип | Да би се приказао последњи брачни елемент одређене врсте |
| : само типа | Приказивање јединог брачног елемента одређеног типа |
| : празно | За приказ елемента који нема децу |
| ::прво слово | Да бисте првом слову текста додали одређени стил |
| ::Прва линија | Да бисте првом реду текста додали одређени стил |
| :: после | Да бисте додали неки садржај након текстуалног елемента |
| :: пре него што | Да бисте уметнули неки садржај пре елемента текста |
Оператори: - Различите врсте оператора у ЦСС3 су оператери поређења (релативни), оператери додељења, логички оператери и оператери идентитета.
Мерне ваге: Мерне ваге ЦСС3 мерне скале су следеће
|
СЦАЛЕ / ПАРАМЕТЕР |
ОПИС |
| ем | Величина фонта тренутног елемента |
| ек | Висина фонта елемента |
| пк | Преглед пиксела уређаја |
| рем | Величина слова коријенског елемента |
| вх | Висина Виевпорта |
| вв | Ширина приказа |
| % | Проценат |
| пц | Пица |
| пт | Тачка |
Шифра боје: Име боје = црвена, плава, зелена и тамно зелена. Пронађите испод кодове за исто
|
ШИФРА |
ОПИС / ЗНАЧЕЊЕ |
| ргб (к, и, з) | За црвени = ргб (255, 0, 0) |
| ргб (к%, и%, з%) | За црвено = ргб (100%, 0, 0) |
| #ррггбб | За црвено = # фф000 |
| флабор | Кориснички одабрана боја за прилагођавање корисничког интерфаза |
| ргба (к, и, з, алфа) | За црвени = ргб (255, 0, 0) |
Корисничка интерфазна својства: ЦСС3 Корисничка интерфазна својства корисничког варалице су сљедећа.
|
ВРИЈЕДНОСТИ ИМОВИНЕ |
ОПИС |
| икона | Да бисте унели икону у пољу |
| промените величину | Промјена величине одређених елемената подручја |
| димензионирање кутија | Да бисте фиксирали одређено подручје елемента |
| изглед | За имплементацију елемената као УИ елемената |
| нав-довн | За померање елемената према доле према тастатури са стрелицом надоле |
| нав-лефт | За померање левих елемената у складу са дугметом стрелице на тастатури |
| нав-уп | За померање елемената према горе на тастатури са стрелицом лево |
| нав-ригхт | За помицање десних елемената према тастатури са стрелицом надесно |
| обрис-оффсет | Да бисте нацртали обрис одабраног подручја текста |
Селецтор Типес : Типасти ЦСС3 типови селектора су следећи.
|
ТИП НАМЕ |
ОПИС / ЗНАЧЕЊЕ |
| универзалан | За приказ било којег елемента |
| Тип | Приказивање било којег специфичног елемента типа |
| Класа | Приказивање више елемената различитих врста |
| Ид | Приказивање и препознавање појединог специфичног типа елемента без утицаја на друге |
| Дете | Да би се приказао елемент који директно пада под друге елементе |
| Груписање | Да бисте идентификовали више елемената различитих типова |
| Суседна браћа | Дохватити све елементе који имају исти родитељ и елементе који су у непосредном слиједу |
| Генерал Сиблинг | Дохватити све елементе који имају исти родитељ и елементе и који нису нужно у непосредном низу |
Бесплатни савети и трикови за коришћење Цхеат схеет ЦСС3 наредби: -
- ЦСС3 начин мешања може се користити за обједињавање изгледа одређеног садржаја, а омогућава корисницима и постављање различитих верзија у боји. У ЦСС3 Цхеат Схеет-у има око 15 вредности бленд-а. Такође додаје додатну предност из перспективе репрезентације међуфазне репрезентације.
- Клипинг је још једна сјајна карактеристика ЦСС-а. Помоћу функционалности резања, корисник може дефинирати видљивост подручја слике према захтјеву. Дакле, ако било који део слике падне изван жељеног подручја, онда се може реализовати одсецање ради сакривања додатног подручја слике.
- У случају ЦСС-а, својства облика унутар и изван облика могу се примијенити за омотавање садржаја око ЦСС прилагођене стазе и она се може дефинирати и додијелити према захтјевима крајњег корисника. У основи омогућава кориснику да дизајнира интерфазу према дефинираним спецификацијама.
- Употреба СВГ (скалабилне векторске графике) анимације је још једна предност за ЦСС3. Користећи СВГ са ЦСС3 анимацијом, интерфаза ће постати интерактивнија и СВГ такође има свој ДОМ АПИ.
- Функција мапе ће се применити на све ставке на улазној листи.
- Функција редукције користи се за примену неких израчуна на листи и враћа вредност
- Ховер ефекти се могу имплементирати помоћу ЦСС3 Цхеат Схеет
- Гооеи мени може се имплементирати помоћу ЦСС3 и СВГ филтера и то помаже новом репрезентативном приступу из перспективе корисничке интерфазе
- Из перспективе веб дизајна, паралакс ефекти се могу произвести помоћу ЦСС3.
- Интерактивна 3Д структура и интерфаза корисника могу се произвести помоћу ЦСС3
- Коришћењем различитих комбинација селектора, икона формата датотеке поред везе за преузимање може се произвести помоћу ЦСС3.
Закључак
У овом чланку ЦСС3 цхеатс схеет-а видели смо да је ЦСС3 једноставан за употребу и његову синтаксу је лакше упамтити. ЦСС3 се може користити у представљању технологија за развој веба коришћењем различитих приступа и технологија стилова који подржавају ЦСС3. На основу врсте потребе пројекта, времена рада и свих осталих различитих аспеката о којима се разговара, ЦСС3 би требало да се користи за постизање жељеног циља.
Препоручени чланци
Ово је водич за Цхеат схеет ЦСС3, овде смо расправљали о садржају и команди, као и о бесплатним саветима и триковима цхеат схеет ЦСС3, такође можете погледати следећи чланак да бисте сазнали више -
- Цхеат Схеет ЦСС
- Цхеат схеет ХТМЛ
- Невероватна листа за УНИКС
- Цхеат Схеет ЈаваСцрипт: Функције