Сайт көрүнөө стили жана жасалгалоо CSS же стилдерди уулап жатат. Булар деп белгилөө натыйжасында барактарды көрсөтүү тууралуу нускамасы менен интернет браузерлерге камсыз кылуу, бир баракка HTML Өмүрдү калыптанат документтер болуп саналат. CSS беттеги жайгашуусу, ошондой эле түсү, теги сүрөттөрдү, туткалары Оюп жана алда канча көп.
Эгер сиз CSS делосуна карап көрсөк, ар кандай белгилери же код тилине окшош экенин көрүп, бул делосу аларга белгилүү бир синтаксисин бар. Ар бир стилдер жадыбалы CSS эрежелерин бир катар турат. Бул эрежелер толугу менен алынып жатканда, сайттын кандай стилдери бар.
бир CSS үстөмдүгү бөлүктөрү
Бир CSS эреже эки бөлүктөн турат - селектор жана жарыялоо. селектор бир беттеги деп атай турган эмне жана арызды атай кандай болуш керек деп эсептеген. Мисалы:
б {
түс: # 000;
}
Бул CSS эреже болуп саналат. Селектор бөлүгү "-пункттарында" үчүн элементи селектор, "б" болуп саналат. Демек, бир сайттан БҮТ пункттары тандоо жана ушул стили менен камсыз кылуу (башка сиздин CSS документте конкреттүү түрлөрүнө багытталат пункттары бар каралбаса) болмок.
бийлик бир бөлүгү мындай дейт: "түс: # 000;" жарыялоо деп аталат. Бул билдирүү эки даана турат - мүлк жана баалуу.
мүлк ушул арыздын "түстүү" бөлүгү болуп саналат. Бул селектордун тарабы көрүнөө өзгөрүп турган шарттарына көнүүгө аргасыз кылат.
Наркы тандап CSS мүлк өзгөртүлүшү мүмкүн кылат. Биздин мисалда, биз "кара" үчүн CSS жазышат экен # 000 болт наркын, колдонуп жатат.
Демек, бул CSS эрежени колдонуп, биздин бет пункттары бар кара бир арип түсү көрсөтүлөт.
CSS менчик негиздери
сиз CSS касиеттери жазып, сиз жөн гана Сен туура көрүп, аларды аткара албайт. Маселен, сиз аны колдонууга болот, ошондуктан "түс", чыныгы CSS менчиги болуп саналат. Бул мүлк элементтин текст түсүн аныктайт болот. сиз CSS касиеттери катары "текст-түсүн" же "арип түсү" колдонууга аракет кылган болсо, анда алар CSS тилинин актуалдуу бөлүктөрү эмес, себеби ал ишке ашпай калышы мүмкүн.
Дагы бир мисал менчик "маалымат-сүрөт" болуп саналат. Бул мүлк ушул сыяктуу алкагында колдонулушу мүмкүн сүрөттү көрсөтөт:
.logo {
маалымат-сүрөт: нускага (/images/company-logo.png);
}
Эгер мүлк катары "маалымат-сүрөттү" же "билим-көркөм" колдонууга аракет кылса, аларга дагы бир жолу, анткени сөзсүз келет, бул иш жүзүндө CSS касиеттери эмес.
Кээ бир CSS касиеттери
Эгер сиз сайтка стилдештирүүнү колдоно аласыз CSS касиеттери бар. Кээ бир мисалдар:
- Чек ара (анын ичинде чек ара-стили, чек-түсү, жана чек ара-туурасы)
- Padding (анын ичинде толтуруу чокусуна, толтуруу укугу, толтургучтар-ылдый, жана толтургучтар-сол)
- Margins (анын ичинде маржа-үстү, маржа-укугун, маржа-ылдый, жана маржа-сол)
- Арип-үй-бүлө
- Арип өлчөмү
- Негизги-түсү
- туурасы
- бийиктик
Бул CSS касиеттери Сиз билген эмес болсо да, сиз, балким, алардын аттары боюнча эмне айта аласыз, бардыгы өтө ачык, так жана, анткени, мисал катары колдонуп, көп адамдар бар.
Алардын аттары боюнча иш кандай, ошондой эле айкын болушу мүмкүн туш турган башка CSS касиеттери бар:
- сүзүү
- ачык
- чөктүрүү
- Text-өзгөртүп
- Z-индекси
Сиз интернет долбоорлоо аяктап бараткандыктан, сен кабылган (жана пайдалануу) бүт мындай касиеттери жана!
Касиеттери керек баалары
Эгер мүлктү пайдаланууга сайын, ага маани бериши керек - жана кээ бир касиеттери гана белгилүү баалуулуктарды кабыл алат.
"Түс" мүлктүн алгачкы Мисалы, биз бир түс Наркы колдонушубуз керек. Бул боло турган болт Наркы , RGBA Наркы, же түстүү ачкыч . Бул мүлк менен сөзүн "өтө оор", колдонгон болсо, анда ал, себеби, бул сөз болушу мүмкүн деп сүрөттөп, ал CSS боюнча таанылган балл эмес, эч нерсе кыла турган баалуулуктардын ар кандай, бирок, иш болмок.
"Маалымат-бейнеси" Биздин Экинчи мисал бир сүрөттөлүш жол үчүн колдонулат талап чыныгы сүрөттү алып сиздин сайттын материалдарын тартып. Бул талап кылынат балл / синтаксиси.
Бардык CSS касиеттери алар күткөн мааниге ээ. Мисалы:
- Чек ара-түс түс Наркы күтөт
- Чек ара-өлчөмү пиксел же пайыздык сыяктуу лучший Наркы күтөт
- Чек ара стилдери бул мүлккө карата колдонулат корголгон стилдердин бири күтөт, окшош "катуу"
Сиз CSS касиеттери тизме менен бара турган болсо, анда алардын ар бири, алар үчүн арналган образын түзүү үчүн колдоно турган белгилүү бир мааниге ээ экенин болот.
Jeremy Джирард тарабынан Edited