Алар кандай жана эмне үчүн аларды пайдаланууга зарыл
CSS сатуучу Этиштин, ошондой эле бир нече же деп аталган CSS браузер жазам, серепчи чыгарган колдоо кошуу үчүн бир жолу жаңы CSS өзгөчөлүктөр өзгөчөлүктөргө толук браузерлерде колдоого чейин. Бул браузер даярдоочу бул жаңы CSS өзгөчөлүктөр ишке ашырылат кандай так чечип жатат тестирлөөнүн жана тажрыйбалык мезгилдин кандай учурунда болушу мүмкүн. Бул Этиштин өнүгүшү менен абдан популярдуу болуп CSS3 бир нече жыл мурун болгон.
CCS3 биринчи жолу киргизилип жаткан кезде, толкунданып касиеттери бир катар ар кайсы убакта ар кандай браузерлерди тийгизе баштады. Мисалы, WebKit-иштейт браузерлер (Safari жана Chrome) биринчилерден болуп жандандыруу стилиндеги касиеттерин өзгөртүп, жана өткөөл сыяктуу кээ бир ишке киргизүү болду. сатуучу жакка касиеттерин пайдалануу менен, желе дизайнерлери өз ишинде ошол жаңы өзгөчөлүктөрдү колдоно алышкан, алардын туура, аларды колдоп браузерлеринде көрдүм, анын ордуна башка серепчи өндүрүүчүсү чейин кармаш үчүн күтүп бар!
Ошентип, алдыңкы-аягы желе иштеп көз карашы, серепчи Этиштин браузерлер да образын кармап турганын билүү бизди сооротот ээ болгон, ал эми бир сайттан көздөй жаңы CSS мүмкүнчүлүктөрдү кошуу үчүн колдонулат. башка серепчи өндүрүүчүлөр бир аз ар кандай жолдор менен, же башка Синтаксис менен касиеттерин ишке Бул, өзгөчө, пайдалуу болушу мүмкүн.
CSS браузер (алардын ар бири ар башка браузерге аныкталган) колдоно аласыз деп жазам:
- Android: Сизде
- Chrome: Сизде
- Firefox: -moz-
- Internet Explorer: -ms-
- Белги: Сизде
- Opera: -o-
- Safari: Сизде
Көпчүлүк учурларда, бир бренд жаңы CSS стилдердин мүлктү пайдалануу үчүн, стандарттык CSS мүлкүн алып, ар бир браузерден байлм кошуу. нормалдуу CSS мүлк акыркы келет, ал эми жакка котормолордо дайыма биринчи (сиз кандай тартипте) келген эле. Мисалы, эгер документ бир CSS3 Өткөөл кошуу келсе, төмөндө көрсөтүлгөндөй өткөөл мүлктү пайдаланууга болот:
Сизде өтүү: бардык 4s азайтуу;
-moz- өтүү: бардык 4s азайтуу;
-ms- өтүү: бардык 4s азайтуу;
-o- өтүү: бардык 4s азайтуу;
өтүү: бардык 4s азайтуу;
Эскертүү: унутпа, кээ бир серепчилер, башкаларга караганда бир касиеттери боюнча башка синтаксисин бар бир мүлктү браузер-жакка версия стандарттык мүлк катары да дал ушундай деп ойлобогула. Мисалы, бир түзүү CSS градиент , сен сызыктуу-градиент менчикти пайдаланган. Firefox, Opera, жана Chrome жана Safari алгачкы котормолорунда жакка мүлк -webkit-градиент колдонуп, ал эми тиешелүү менен барактарды ошол мүлктү Chrome жана Safari заманбап котормолорунда колдонушат. Ошондой эле, Firefox-стандартты, адамдар башка баалуулуктарды колдонот.
CSS мүлктүн нормалдуу эмес жакка чыгаруу менен сиз ар дайым арыз жок себеби серепчи үстөмдүгүн колдоо иш кылса, ал ошол бирин колдонот деп айтууга болот. CSS окуп эсте. кийинчерээк эрежелер болсо, кадимки бирин колдоого албайт, бирок ал кандай болсо, мурда өзгөчөлүгү эле болсо, бир серепчи адамдар деп, эреже жана пайдалануу сатуучусунун нускасын окуп артыкчылыкка менен сатуучусунун нускасын алмаштырылат иш жүзүндө CSS эрежеси.
Сатуучу Этиштин бир Hack эмес, бар
Сатуучу Этиштин биринчи жолу киргизилип, көпчүлүк интернет адистер, алар ар башка браузерлерди (эстеп, ошол билдирүүлөрдүн "Бул сайт мыкты IE аброюна") колдоо көрсөтүү үчүн сайттын кодун Ача кайра караңгы күн үчүн жазуумду же жылыштар болду бекен. CSS Бирок Этиштин, ыкмаларды эмес, штабдын, силер ишинде аларды пайдалануу жөнүндө эч кандай шектенүүлөрү болушу керек.
А CSS газетке туура иштөө үчүн дагы бир мүлктү алуу үчүн дагы бир элементтин же мүлктү ишке ашырууда кемчиликтер колдонулат. Мисалы, бокс үлгүсү кесипкөйлөр менен Талдоонун кемчиликтерин кор болгон дагы бир үн-үй-мүлк , браузерге тетири талдай кантип же (\). Бирок, бул ыкмаларды Internet Explorer 5.5 кутуча моделин катышкан жана аны Netscape жоруп кантип ортосундагы айырма асман менен көйгөйдү чечүү, ошондой эле үй-бүлөлүк үн стили менен эч үчүн колдонулган. Бактыга жараша, бул эки эскирген браузерлер адамдар бул күн менен тынчсызданып өзүбүз ээ эмес.
Себеби, ал дагы бузуп, башка бир жол менен бир мүлктү ишке ашыруу үчүн браузер чыгарган уруксат берүү бир эле учурда баарын бир касиет, ишке ашыруу үчүн кандай эрежелерди орнотуу үчүн ченемдерди берет соодагери приставка бир кирешелүү эмес. Мындан тышкары, бул Этиштин акыры тактоо бир бөлүгү болуп кала берет CSS касиеттери менен иштеп жатабыз. Биз жөн эле эрте кыймылсыз мүлккө карата мүмкүнчүлүк алуу үчүн айрым бир код кошуп жатышат. Бул нормалдуу эмес жакка мүлк менен CSS бийликте турган дагы бир себеби болуп саналат. Бул жолу силер жакка котормолорун кийгизип толук серепчи колдоо кийин.
бир өзгөчөлүк үчүн браузер колдоо эмне билүүнү каалайсызбы? сайт CanIUse.com бул маалыматты чогултуу жана учурда мүмкүнчүлүк, кайсы браузерлерге жана ал браузерлердин түрүн билем коё сонун ресурсу болуп саналат.
Сатуучу Этиштин Annoying Бирок убактылуу болуп саналат
Ооба, ал бардык браузерлерде жумушка алуу касиеттери 2-5 жолу жазып ээ тажатма жана кайталануучу сезилиши мүмкүн, бирок бул убактылуу абал болууда. Мисалы, бир нече жыл мурун эле, сизди бир коробкага бир кандуу бурчун үчүн:
-moz-чек-ара-радиусу: 10px 5px;
-webkit-чек-ара-жогорку-сол-радиусу: 10px;
-webkit-чек-ара-жогорку оң-: 5px;
-webkit-чек-ара-ылдыйкы оң-радиусу: 10px;
-webkit-чек-ара-төмөнкү-сол-: 5px;
чек радиусу: 10px 5px;
Ал эми серепчилер толугу менен бул мүмкүнчүлүктү камсыз кылуу үчүн, тагыраак айтканда, сиз чын эле стандартташтырылган нускасын керек:
чек радиусу: 10px 5px;
Chrome 5.0 версия бери CSS3 мүлктү колдоп келет, Firefox 4,0 айы менен кошо, Safari 5.0 аны кошо, 10.5-жылы Opera, 4,0-жылы Пишпек жана 2,1-жылы Android. Ал тургай, Internet Explorer 9 Ƶ Сыпаттоо (жана IE 8 төмөн же жазам жок, аны колдоого алган жок) жок, аны колдойт.
Браузерлер ар дайым улуу браузерлерге өзгөртүүгө жана чыгармачылык мамиле колдоо үчүн сиз жөнүндө пландап жатабыз, эгерде талап кылынат деп Эске барактарды куруп заманбап ыкмаларын артынан жыл. Акыр-аягы, серепчи Этиштин жазуу табуу деле кыйын жана мүмкүн келечекте нускасында белгиленет турган каталарды өз кызыкчылыгына колдонуп, сен жана пайдаланууга дагы бир ката таап берүүнү талап кылган.