Фаҳмиши тағйироти асосӣ ба CSS3
Фарқияти бузургтарини CSS2 ва CSS3 ин аст, ки CSS3 ба қисмҳои гуногун тақсим карда шудааст, ки модул номида мешавад. Ҳар яке аз ин модулҳо тавассути W3C дар марҳилаҳои гуногуни раванди тавсиядиҳӣ ба роҳ монда мешаванд. Ин раванд барои парасторони гуногуни CSS3 хеле осонтар кардааст, ки дар браузер аз ҷониби истеҳсолкунандагони гуногун қабул ва иҷро карда мешавад.
Агар шумо ин равандро ба CSS2 тааллуқ додед, дар он ҷо ҳама чиз ҳамчун ҳуҷҷати ягона бо ҳамаи маълумотҳои Cascading Style Sheets дар дохили он пешниҳод карда шуд, шумо мебинед, ки бартараф кардани тавсияҳо ба қисмҳои хурдтар, қисмҳои алоҳида. Азбаски ҳар як модул дар алоҳидагӣ кор карда истодааст, мо якчанд намуди васеътари таъминоти браузерро барои модулҳои CSS3 доранд.
Мисли ҳар гуна тағйироти нав ва тағйирёбанда, боварӣ ҳосил кунед, ки шумо CSS3-и саҳифаҳоро дар бештари браузерҳо ва системаҳои оператсионӣ, ки шумо метавонед. Дар хотир доред, ки ҳадафи он нест кардани саҳифаҳои веб, ки дар ҳама браузерҳо ба назар гирифта шудааст, лекин барои ҳар як сабки шумо истифода мешавад, аз он ҷумла сабки CSS3, браузерҳоеро, ки онҳоро пуштибонӣ мекунанд, хуб медонанд ва онҳо бозгашти браузерҳоро, накунед.
Интихобгарони нав CSS3
CSS3 як хӯшаи роҳҳои нави шумо метавонед қоидаҳои CSS бо интихоби нави CSS нависед, инчунин combinator нав ва баъзе навъҳои нави pseudo elements.
Се интихобҳои нави филтр:
- Меъёри ибтидоӣ ба унсури асосӣ мутобиқат мекунад [foo ^ = "bar"] Элемент дорои хосияти foo ном дорад, ки бо "bar" оғоз меёбад.
- Хусусиятҳое, ки ба хотираи функсияҳо хосанд [foo $ = "bar"] Элемент дорои фунун номида мешавад, ки бо "bar" хотима меёбад
- Мафҳуме, ки элементро дарбар мегирад [foo * = "bar"] Элемент дорои хосияти foo номида мешавад, ки дар сатри "bar"
16 синфҳои нави псевдо:
- : реша
- Элементҳои решаи ҳуҷҷат Дар HTML ин ҳамеша аст.
- : nth-child (n)
- Инро истифода баред, ба унсурҳои дақиқи кӯдакон мувофиқат кунед ё барои тағир додани бозиҳои алтернативӣ истифода кунед.
- : с-охир-кӯдаки (n)
- Элементҳои дақиқии кӯдакро аз ҳисоби охирин ҳисоб кунед.
- : навъи навъи (n)
- Элементҳои ҳамоҳанг бо номе, ки пеш аз он дар дарахти ҳуҷҷат ба даст меоранд.
- : навъи охирин (n)
- Элементҳои ҳамоҳанг бо номе, ки аз поён мепайвандад, нишон диҳед.
- : охир-кӯдаки
- Ҷузъи охирини кӯдакии волидайн.
- : навъи якум
- Муносибати аввалин унсурҳои ҳамоҳангии намуди он.
- : навъи навъи
- Ба унвони охирин нусхаи никоҳ аз он намуди матн.
- : танҳо кӯдак
- Элементи элементест, ки танҳо як фарзанди волидаш мебошад.
- : танҳо-аз навъи
- Элементи элементест, ки танҳо як намуди он мебошад.
- : холӣ
- Ба унсурие, ки кӯдакон нестанд (ба монанди рамзи матн) мутобиқат кунед.
- : мақсад
- Элеменси элементае, ки мақсадҳои URI-ро ба назар гирифтааст.
- : имкон дод
- Элементро ҳангоми фаъол кардан ба ҳамоҳанг кунед.
- : маъюб
- Нигоҳ доштани элементи он вақте, ки маъмул мешавад.
- : тафтиш карда шудааст
- Ҳангоми санҷиш (тугмаи радио ё қуттии санҷишӣ) элементро нишон диҳед.
- : не (не)
- Вақте, ки элементи сенатор оддӣ мувофиқ нест, s.
Як комбинати нав:
- Бештар
- Маркетинг, вақте ки элементи B дар як ҷое, ки баъд аз elementA меравад, бояд фавран ҳатмӣ нашавад.
Хусусиятҳои нав
CSS3 ҳамчунин як қатор хусусиятҳои нави CSS -ро ҷорӣ намуд. Бисёре аз ин хусусиятҳо барои бунёд кардани намудҳои виртуалӣ, ки эҳтимолан бо барномаи графикӣ мисли Photoshop бештар алоқаманд бошанд. Баъзе аз инҳо, аз қабили дараҷаи радиус ё радио-соя, аз оне, Дигарон, масалан, flexbox ё ҳатто CSS Grid сабки нав, ки аксар вақт илова кардани CSS3 мебошанд.
Дар CSS3, модели қуттӣ тағйир наёфтааст. Аммо як хӯшаи хосиятҳои нави сабки, ки метавонад ба шумо кӯмак ба содаи backgrounds ва сарҳадҳои қуттиҳои шумо кӯмак мекунад.
Муҳофизати бисёрҷониба ман mages
Истифодаи замина-намуди тасвир, мавқеи замина ва сабки такрорӣ, ки шумо метавонед тасвирҳои яквақтаи тақвимиро дар болои қуттии болоӣ гузоред. Тасвири аввалин ба қабати наздиктарин ба истифодабаранда аст, ки бо онҳое, ки дар паси дарахт нишастаанд. Агар ранги зеҳн вуҷуд дошта бошад, он дар қабатҳои тасвирӣ ранг карда мешавад.
Хусусиятҳои Навъи Нав
Ҳамчунин баъзе хусусиятҳои нав дар CSS3 мавҷуданд.
- клипи клипи
- Ин амвол муайян мекунад, ки чӣ гуна тасвири замина бояд клик карда шавад. Варианти қуттии сарҳад аст, аммо он метавонад ба қуттиҳои тутӣ ё қуттии мундариҷа тағир дода шавад.
- пайдоиши аслии
- Ин молу мулк муайян мекунад, ки оё замина бояд дар қуттиҳои пудингӣ, қуттиҳои сарҳадӣ ё қуттии мундариҷа ҷойгир бошад.
- андозаи аслӣ
- Ин амвол имкон медиҳад, ки андозаи тасвири заминаро нишон диҳед. Он ба шумо имкон медиҳад, ки тасвирҳои хурдтарро ба саҳифа мувофиқ созед.
Тағйироте, ки хосиятҳои физикии мавҷударо доранд
Ҳамчунин якчанд тағирёбиро барои хосиятҳои сабки мавҷуда мавҷуданд:
- background-repeat
- Барои ин моликият ду арзиши нав мавҷуданд: фосила ва давр. Ҷойҳои фолклои тасвирӣ ба таври қуттии дар қуттии бе таклифшуда сурат мегирад. Мизи мудавварро тасвири заминаро наҷот медиҳад, то ин ки он дар тамоми қуттиҳои якчанд маротиба такрор шавад.
- background-attachment
- Арзиши нави "маҳаллӣ" илова карда мешавад, то замоне, ки замина бо муҳтавои унсурҳо, вақте ки унсури воҳиди чархиш дорад.
- background
- Меъёрҳои портфелии заминӣ дар моликияти андоза ва пайдоиш.
CSS3 Хусусиятҳои сарҳад
Дар сарҳадҳои CSS3 мумкин аст, ки тарзи истифода бурдани (сахт, дучандон, хомӯш ва ғайра) ё онҳо метавонанд тасвир бошанд. Илова бар ин, CSS3 қобилияти эҷоди гӯшҳои гирдаро меорад. Тасвирҳои сарҳадӣ шавқоваранд, зеро шумо тасвири чаҳор марзро эҷод мекунед ва сипас CSS-ро ба кор андохтани ин тасвири марзҳоятонро ба инобат гиред.
Хусусиятҳои нав дар марзи нав
Дар баъзе навъҳои нави CSS3 мавҷуданд:
- радиус
- сарҳад-боло- канор-радиус , канори сарҳади поёнӣ-фаромӯшӣ , радиуси сарҳадӣ ва каналҳои ранга
- Ин хосиятҳо ба шумо имкон медиҳанд, ки дар саросари худ заминаҳои гирдаро эҷод кунед.
- манбаъи сарҳадӣ
- Намудани файли манбаъи тасвир барои ҷойгиркунии намудҳои сарҳадӣ аллакай муайян шудааст.
- border-image-slice
- Воридоти дохилӣ аз кунҷҳои тасвирии сарҳадиро тасвир мекунад
- фарорасии фарш
- Арзиши васеи тасвири сарҳади худро муайян мекунад.
- сарҳад
- Миқдори муайянеро, ки майдони симои сарҳадро берун аз қуттии сарҳад мегузарад, муайян мекунад.
- сарҳад-image-stretch
- Муҳофизат мекунад, ки тарафҳо ва қисмҳои миқдори симои сарҳадӣ бояд ба чап ё андоза карда шаванд.
- сарҳад
- Меъёрҳои функсия барои ҳама хусусиятҳои тасвири сарҳадӣ.
Хусусиятҳои CSS3 Хусусиятҳое, ки ба марз ва марзҳо марбутанд
Вақте ки қуттиро дар саҳифаи саҳифа вайрон карда мешавад, сутуни шикастани хати хати (барои унсурҳои дохилӣ) амволи боқимонда-танаффус тасвир мекунад, ки чӣ гуна қуттиҳои нав бо марз ва пудинг ғафс мекунанд. Маълумотҳо метавонанд дар байни қуттиҳои шикастае бо истифода аз ин амвол тақсим карда шаванд.
Ҳамчунин, амволи боқимондаи сиёҳ мавҷуд аст, ки барои илова кардани унсурҳои қуттиҳои онҳо истифода бурда мешавад.
Бо CSS3, шумо метавонед бо осонӣ веб саҳифаҳои якчанд сутунҳо бе ҷадвалҳо ё сохторҳои мураккаби div. Шумо ба браузери худ ба чанд сутуни унсури бадан дохил мешавед ва чӣ гуна бояд васеътар бошад. Plus шумо метавонед сарҳадҳо (қоидаҳо), рангҳои аслиро, ки баландии сутунро паҳн кунед, ва матни шумо тавассути ҳамаи сутунҳо ба таври автоматӣ ҷараён гирад.
CSS3 Сутунҳо - Муайян кардани рақам ва паҳншавии сутунҳо
Ду намуди нави нав, ки ба шумо имконият медиҳанд, ки рақам ва паҳнои сутунҳои шуморо муайян кунед:
- сутуни васеъ
- Тугмаҳои паҳнои сутунҳо бояд муайян карда шаванд. Чорчӯба пас аз матн барои пур кардани фосила бо сутунҳо, ки васеъ паҳн мешавад.
- сутуни ҳисоб
- Шумораи сутунҳо дар саҳифа муайян карда мешавад. Чорчӯба сипарӣ мекунад, то ки дар фосила мувофиқат кунад, балки шумораи муайяне, ки шумо муайян мекунед.
- сутунҳо
- Шортанд амволие, ки шумо метавонед паҳн ё рақами (ё ҳар дуи онро муайян кунед, вале ин маънои онро надорад).
CSS3 Қуттиҳои коллективӣ ва қоидаҳо
Натиҷаҳо ва қоидаҳо дар байни сутунҳо дар як варианти якхела гуногунанд. Нохунакҳо сутунҳоро ҷудо мекунанд, аммо қоидаҳо ҳеҷ гуна фазоиро надоранд. Агар қоидаҳои сутуни он аз доираи фарқияти он васеътар бошад, он сутунҳои наздикро ба ҳам мепайвандад. панҷ қобилияти нав барои қоидаву сутунҳо вуҷуд дорад:
- column-gap
- Тугмаи фарқиятҳои байни сутунҳо муайян карда мешавад.
- сутуни-ранги-ранги
- Ранги ҳукмро муайян мекунад.
- сутуни-классикӣ
- Услуби қоидаҳо (сахт, нуқта, дучанд ва ғайра) -ро муайян мекунад.
- column-rule-width
- Тугмаи идоракуниро муайян мекунад.
- column-rule
- Меъёрҳои банақшагирифташуда ҳамаи се қоидаҳои қуттиҳои сутунро дар як вақт муайян мекунанд.
CSS3 Сутуни тиреза, сутунҳои гардиш, ва сутунҳои пур
Танаффусҳои сутунҳо бо усули CSS2 истифода мешаванд, ки барои муайян кардани танаффусҳо дар мундариҷаи пакетӣ истифода мешаванд, аммо бо се хусусиятҳои нав: шикастани пешпазак , баъд аз шикастан ва шикастани дохилӣ .
Мисли ҷадвалҳо, шумо метавонед унсурҳоеро, ки бо амволи сутуни сутун ҷой дода шудааст, гузоштаед. Ин ба шумо имкон медиҳад, ки эҷод кардани сарлавҳаҳоеро,
Сутунҳои пуркунии карат дар ҳар як сутун чӣ қадар мӯҳтаворо ҳал мекунанд. Сутунҳои боэътимод кӯшиш мекунанд, ки дар ҳар як сутуни ҳамон миқдори мӯҳтаво гузошта шаванд, дар ҳоле, ки автомобил фақат мундариҷа то даме, ки сутун пур аст ва баъд ба тарафи дигар меравад.
Хусусиятҳои бештар дар CSS3, ки "Aren & # 39; T" дар CSS2 дохил карда шудааст
Бисёр хусусиятҳои иловагӣ дар CSS3, ки дар CSS2 вуҷуд надоштанд, аз он ҷумла:
- Module layout CSS ва модули CSS3 Модули мавқеъи схема : Сохтани челҳои бо CSS.
- CSS3 Модули матн : Матнро намоиш диҳед ва ҳатто бо клавиатура бо CSS эҷод кунед.
- Модули ранги CSS3 : Акнун бо фосила.
- Тағирот ба модули қуттии : Аз он ҷумла моликияти marquee , ки ба мисли IE tag амал мекунад.
- Модули Interface User CSS3 : Ба шумо курсорҳои нав, ҷавобҳо ба амалҳо, майдонҳои лозимӣ ва ҳатто навсозии элементҳо .
- Саволҳои савтӣ : Саволҳои ВАО имкон медиҳанд, ки ҳангоми муайян кардани тарзи либос истифода баранд. Масалан, шумо метавонед варақаи сабзро муайян кунед, ки танҳо барои дастгоҳҳои дастӣ, ки назар ба 20 метри мураббаъ мавҷуд аст.
- CSS3 Модули Рубия : Таъминот барои забонҳо, ки рубли матнро истифода мебаранд, барои тасдиқ кардани ҳуҷҷатҳо.
- CSS3 Модули Media пактивӣ : Барои дастгирии бештари расонаҳои пакетӣ (коғаз, шаффофият ва ғайра).
- Мундариҷаи тавлидшуда: сарлавҳаҳо ва пиёдаҳо, пойгоҳҳо, ва дигар мундариҷаҳо, ки барномасозӣ сохта шудаанд, махсусан барои воситаҳои пакетӣ.
- CSS3 Модули Сухан : Тағирот ба CSS дараҷаи миёна.