Тарзи вебсайт ва таркиби вебсайт бо CSS ё лавҳаи Style Cascading достон карда шудааст. Ин санадҳоест, ки блоги HTML-ро дарбар мегирад, ки браузерҳои веб бо дастурамалҳо дар бораи чӣ гуна нишон додани саҳифаҳое, ки аз ин нишондиҳанда меоянд, медиҳад. CSS ба тарҳрезии саҳифа, инчунин ранг, тасвирҳои замина, навъи тасвирҳо ва ғайраҳо роҳхат мегирад.
Агар шумо дар файли CSS нигоҳ дошта бошед, шумо мебинед, ки ба монанди ҳар гуна ишора ва ё рамзгузорӣ, ин файлҳо ба онҳо аломати махсус доранд. Ҳар як лавҳаи сабки як қатор қоидаҳои CSS иборат аст. Ин қоидаҳо, вақте ки ба таври пурра гирифта шудаанд, кадом сайтро тарроҳӣ мекунанд.
Қисмҳои Қоидаи CSS
Қарори CSS аз ду қисматҳои гуногун - интихоби довталаб ва декларатсия иборат аст. Интихоби муайян дар бораи саҳифа сабт карда мешавад ва эъломия бояд тарз бояд бошад. Барои намуна:
$ С)
ранг: # 000;
}}
Ин қонуни CSS аст. Қисми интихобкунандагон «p», ки интихобкунандаи унсурҳо барои "параграфҳо" мебошад. Ҳамин тариқ, ҳамаи параграфҳоро дар сайти интихобӣ интихоб кунед ва онҳоро бо ин услуб таъмин кунед (агар параграфҳое, ки бо сабки мушаххас дар ҷои дигар дар ҳуҷҷати CSS қарор доранд) ҷойгиранд.
Қисми қоида, ки мегӯяд: "ранг: # 000;"; ки он ҳамчун декларатсия маълум аст. Ин эъломия аз ду адад - молу мулк ва арзиш иборат аст.
Амволи "пӯшида" -и ин эъломия мебошад. Он тасаввур мекунад, ки кадом ҷанбаи интихоби аёнӣ иваз карда мешавад.
Арзиши онест, ки моликияти CSS-и интихобшуда иваз карда мешаванд. Дар намунаи мо, мо арзиши ҳиссии # 000-ро истифода мебарем, ки CSS-ро барои "сиёҳ" истифода мебарад.
Пас, истифодаи ин қоидаи CSS, саҳифаи мо дар параграф-ранги сиёҳ ҷойгир карда мешавад.
Асосҳои амволи CSS
Вақте, ки шумо навиштани CSS-ро нависед, шумо наметавонед танҳо онҳоро дар вақти муносиб дидан кунед. Барои мисол, "ранг" моликияти воқеии CSS аст, бинобар ин шумо метавонед онро истифода баред. Ин хосият ранги матнии элементро муайян мекунад. Агар шумо кӯшиш карда бошед, ки "матн-ранг" ё "font-color" ҳамчун хосиятҳои CSS истифода баранд, инҳо хато мекунанд, чунки онҳо қисмҳои воқеии забони CSS нестанд.
Намунаи дигар ин моликияти "асбобу анализ" мебошад. Ин хосият тасвиреро тасвир мекунад, ки барои замина истифода мешаванд, монанди:
.logo {
background-image: url (/images/company-logo.png);
}}
Агар шумо кӯшиш кардед, ки "тасвири аслӣ" ё "дараҷаи графикӣ" ҳамчун моликият истифода барад, онҳо ба вуқӯъ мепайвандад, зеро ин бори дигар ин хусусиятҳои CSS нестанд.
Хусусиятҳои CSS
Якчанд хусусиятҳои CSS вуҷуд доранд, ки шумо метавонед барои сеҳру ҷоба истифода баред. Баъзе мисолҳо инҳоянд:
- Сарҳадҳо (аз ҷумла сабки сарҳадӣ, ранги сарҳадӣ ва паҳнои фарогир)
- Нишондиҳанда (аз он ҷумла пудинг-боло, пудинг-рост, пудинг-поёни, ва пудинг-чап)
- Маржинҳо (аз ҷумла маржа-боло, маран-ҳуқуқ, маргарин-поёни, ва маржа-чап)
- Шарти оила
- Андоза
- Ранги аслӣ
- Гуногун
- Баландӣ
Ин хосиятҳои CSS барои онҳо мисолҳои калон доранд, зеро онҳо ҳама ростқавл ҳастанд ва ҳатто агар шумо CSS надонед, шумо метавонед онҳоро дар асоси номҳояшон чӣ кор кунед.
Дигар хосиятҳои CSS вуҷуд доранд, ки шумо бо онҳо рӯ ба рӯ мешавед, ки ин гуна намуди онҳо дар асоси номҳои онҳо кор намекунад:
- Флоя
- Тоза
- Зарур аст
- Текст-табдил
- З-индекс
Тавре, ки шумо ба тарҳрезии чуқур меравед, шумо ҳамаи ин хусусиятҳо ва зиёдаҳоро мебинед (ва истифода мебаред!
Хусусиятҳо зарур аст
Ҳар вақте ки шумо молу мулки истифодашударо истифода мекунед, шумо бояд онро арзон диҳед - ва хусусиятҳои хос танҳо арзишҳои муайянро қабул мекунанд.
Дар мисоли аввалини моликияти ранг, мо бояд арзиши рангро истифода барем. Ин метавонад арзиши гекс, арзиши RGBA ё ҳатто калидҳои ранг бошад . Вале ҳар як аз он арзишҳо кор хоҳанд кард, агар шумо калимаи "gloomy" -ро бо ин мол истифода набаред, зеро чизе, ки ҳамчун калимаи тавсифӣ метавонад ифода шавад, он дар CSS арзиши эътирофнашуда нест.
Намунаи дуюми "аломати офтобӣ" барои роҳандозии тасвири ҳақиқӣ аз файлҳои сомона истифода мешавад. Ин арзиш / синтекс аст, ки талаб карда мешавад.
Ҳамаи хосиятҳои CSS арзиш доранд, ки онҳо интизоранд. Барои намуна:
- Ранги ранга арзиши рангро интизор аст
- Андозаи сарҳадӣ арзиши фарқиятро ба монанди pixel ё фоиз нигоҳ медорад
- Намунаҳои сарҳадӣ яке аз тарҳҳои додашударо, ки барои ин амвол истифода мешаванд, интишор мекунанд, монанди "сахт"
Агар шумо аз рӯйхати хусусиятҳои CSS гузаред, шумо мефаҳмед, ки ҳар яки онҳо арзишҳои мушаххасе доранд, ки онҳо барои эҷод кардани тарзҳои барои онҳо пешбинишуда истифода мебаранд.
Ҷаҳони андеша