Маркуее ин ЦСС - Водич за почетнике
Маркуее је први пут представљен у Интернет Екплореру и био је веома популаран деведесетих година пре него што је В3Ц одлучио да га искључи из ХТМЛ стандардног елемента због проблема са употребом. Веб дизајнери су охрабрени да не користе ознаку.
Међутим, изненађујуће је да се марка враћа, а не у ознаку формату, али у ЦСС модулу. Овај модул је доступан као део Вебкит ЦСС спецификације и В3Ц тренутно ради на сличном модулу. Међутим, будући да је верзија В3Ц још увијек у фази препоручивања кандидата, она још није примјењива. Дакле, тренутно ћемо покрити само ону из Вебкит спецификације.
Тхе Синтак
Прво, марка може бити дефинисана користећи следећу скраћену синтаксу.
-вебкит-маркуее: [правац] [повећање] [понављање] [стил] [брзина]
Верујем да су све вредности које су потребне у синтакси, сасвим разумљиве, иначе их можете наћи довољно објашњене у овој документацији. Дакле, ако желите да дубље проучите како ће ова синтакса функционисати, увек можете прво да погледате документацију.
Затим, придружите нам се док настављамо са стварањем неких стварних примјера и видите како је то на дјелу.
Пример 1: Померање текста
У реду, у првом примеру ћемо креирати класично кретање надстрешнице које ће се померати од десна на лево.
Креирамо нашу текстуалну ознаку као у наставку:
Лизалица прелива лимун капљице јујубес апплицаке воћни колач кисео сладић сесам снапс.
Затим дефинишите оквир са следећом синтаксом.
-вебкит-маркуее: ауто средње бесконачно сцролл нормално; оверфлов-к: -вебкит-маркуее;
Када је смер поља означен као ауто, по дефаулту ће се помакнути с десна на лијево; алтернативно можете да промените ову вредност на лево. Такође приметите да оверфлов-к својство мора бити постављено на -вебкит-маркуее тако да се садржај увек понаша као један. Ако изоставите ову особину, текст се неће померити даље.
Погледајте демо.
Пример 2: Одскочите напред и назад
У другом примеру покушаћемо да покажемо другачији стил. Овај пут користимо алтернате уместо свитак и промените вредност правца на јел тако. На тај начин, марка ће се померити са леве на десну, а затим ће се одскочити напријед-назад.
-вебкит-маркуее: ауто средња бесконачна алтернативна нормална; оверфлов-к: -вебкит-маркуее;
Погледајте демо
Пример 3: Премјештање текста према горе
И за последњи пример, променићемо смер окрета да бисмо се померили нагоре. Постоје два правац вредности за то; можете да промените вредност на горе или напријед.
Ја лично не схватам зашто је Вебкит обезбедио две вредности које суштински чине исту ствар јер мислим да би то могло довести до конфузије за неке људе.
-вебкит-маркуее: до средњег бесконачног сцролл нормално; оверфлов-к: -вебкит-маркуее;
Погледајте демо
Штавише, саставио сам још неколико примера, али они ће бити запањујући ако су сви овде објашњени.
Али, можете погледати све демо верзије и преузети изворе са линкова испод.
- Демо
- Довнлоад Соурце
Финална мисао и референце
Прво сам се изненадио да постоји интерес за шатор, за који сам мислио да је завршио. То ме је такође навело да поставим питање како ће ЦСС модул бити користан. У ствари, сваки претраживач и даље подржава наслеђе таг.
Па шта ти мислиш? Да ли је марка и даље релевантна у овом добу и да ли би била корисна у модерном веб дизајну?
Ако сте и даље знатижељни у вези ове ствари, можете посјетити неке од сљедећих референци:
- Сафари ЦСС Референце
- Генератор Вебкит маркуее
- Свеобухватна документација старог
таг фром Ситепоинт. - И увек постоји генератор за скоро све, укључујући и овај Генератор.
