CSS чист? (Варақаҳои услубӣ)

CSS (Cascading Style Sheets) забони варақи услуб аст, ки барои тавсифи муаррифии ҳуҷҷате, ки бо забони аломатгузорӣ навишта шудааст, истифода мешавад. Он барои идоракунии тарҳ, ҳуруфҳо, рангҳо ва дигар ҷанбаҳои визуалии саҳифаҳои веб истифода мешавад.

CSS чист? (Варақаҳои услубӣ)

CSS, ё Cascading Style Sheets, як забони рамзгузорӣ аст, ки барои услуб ва формат кардани саҳифаҳои веб истифода мешавад. Он ба дизайнерҳои веб имкон медиҳад, ки намуди матн, тасвирҳо ва дигар унсурҳоро дар вебсайт, аз ҷумла андоза, ранг ва мавқеи онҳоро дар саҳифа назорат кунанд. Ба ибораи содда, CSS вебсайтҳоро зебо ва муташаккил менамояд.

CSS, ё Cascading Style Sheets, як забони барномасозӣ аст, ки барои тавсифи муаррифии ҳуҷҷате, ки бо HTML ё XML навишта шудааст, истифода мешавад. CSS барои муайян кардани услуби вебсайт дар якҷоягӣ бо HTML истифода мешавад ва забони ба қоида асосёфта мебошад, ки ба шумо имкон медиҳад қоидаҳоро тавассути муайян кардани гурӯҳҳои сабкҳо, ки бояд ба унсурҳои алоҳида ё гурӯҳҳои унсурҳои саҳифаи веби шумо татбиқ карда шаванд, муайян кунед.

CSS воситаи пуриқтидорест, ки метавонад тарҳбандии якчанд веб-саҳифаҳоро якбора идора карда, кори зиёдеро сарфа кунад. Он метавонад рангҳои матн, қуттиҳо ва дигар унсурҳоро барои сохтани вебсайтҳои зебо ва функсионалӣ идора кунад. CSS тасвир мекунад, ки чӣ гуна унсурҳо бояд дар экран, дар коғаз, дар сухан ё дигар васоити ахбори омма инъикос карда шаванд, ки онро ҷузъи муҳими рушди веб табдил медиҳад.

Новобаста аз он ки шумо шурӯъкунандагон ё таҳиягари ботаҷриба ҳастед, фаҳмидани CSS барои эҷоди вебсайти аз ҷиҳати визуалӣ ҷолиб ва барои корбар дӯстона муҳим аст. Дар ин мақола, мо амиқтар дар бораи чӣ будани CSS, чӣ гуна кор кардани он ва намудҳои гуногуни CSS маълумот хоҳем дод. Мо инчунин баъзе аз таҷрибаҳои беҳтарини истифодаи CSS-ро барои сохтани вебсайтҳои аҷибе, ки ҳам функсионалӣ ва ҳам аз ҷиҳати визуалӣ ҷолибанд, омӯхта метавонем.

CSS чист?

CSS ё Cascading Style Sheets як забони барномасозӣ мебошад, ки барои тавсифи муаррифии ҳуҷҷате, ки бо HTML ё XML навишта шудааст, истифода мешавад. Он барои услуби унсурҳои HTML ва назорат кардани тарҳбандии якчанд саҳифаҳои веб якбора истифода мешавад.

Муайян

CSS як забони ба қоида асосёфтаест, ки қоидаҳоро дар бораи чӣ гуна бояд дар экран, коғаз, дар нутқ ё дар дигар васоити ахбори омма намоиш дода шавад, муайян мекунад. Он ба таҳиягарон имкон медиҳад, ки муаррифии веб саҳифаро аз мундариҷаи он ҷудо кунанд ва нигоҳдорӣ ва навсозии вебсайтро осонтар кунанд.

таърих

CSS бори аввал соли 1996 муаррифӣ шуда буд ва аз он вақт инҷониб якчанд навсозиҳо ва ислоҳҳоро аз сар гузаронидааст. Он барои ҳалли маҳдудиятҳои HTML аз нуқтаи назари услуб ва тарҳбандӣ таҳия шудааст. Пеш аз CSS, HTML барои муайян кардани сохтори веб саҳифа ва муаррифии он истифода мешуд. Бо вуҷуди ин, ин тағйирот ворид кардани тарҳ ё тарҳи вебсайтро душвор мегардонд.

аҳамият

CSS дар таҳияи веб нақши муҳим мебозад, зеро он ба таҳиягарон имкон медиҳад, ки вебсайтҳои аз ҷиҳати визуалӣ ҷолиб ва ҷавобгӯро эҷод кунанд. Он имкон медиҳад, ки аз болои муаррифии вебсайт назорати бештар дошта бошад ва ба таҳиягарон имкон медиҳад, ки дар саҳифаҳои сершумор намуди зоҳирӣ ва эҳсоси мувофиқ эҷод кунанд.

Хулоса, CSS як воситаи муҳим барои таҳиягарони веб барои сохтани вебсайтҳои аз ҷиҳати визуалӣ ҷолиб ва ҷавобгӯ мебошад. Он муаррифии вебсайтро аз мундариҷаи он ҷудо мекунад ва ба таҳиягарон имкон медиҳад, ки дар сафҳаҳои сершумор намуди зоҳирӣ ва эҳсоси мувофиқ эҷод кунанд.

Асосҳои CSS

CSS як забони пурқуввати услубест, ки метавонад барои формат кардани тарҳбандии вебсайт истифода шавад. Дар ин бахш мо баъзе мафҳумҳои асосии CSS, аз ҷумла синтаксис, селекторҳо, хосиятҳо ва арзишҳоро дар бар мегирем.

Матн

CSS забонест, ки ба қоида асос ёфтааст, ки маҷмӯи қоидаҳоро барои муайян кардани чӣ гуна бояд дар саҳифаи веб нишон додани унсурҳои HTML истифода мебарад. Қоидаи CSS аз селектор ва блоки эъломия иборат аст. Селектор ба унсури HTML барои услуб ишора мекунад, дар ҳоле ки блоки эъломия як ё якчанд эъломияҳоро бо нуқта-вергул ҷудо мекунад. Ҳар як эъломия номи моликияти CSS ва арзишеро дар бар мегирад, ки бо ду нуқта ҷудо карда шудаанд.

Интихобкунандагон

Интихобкунандагон барои ҳадафи унсурҳои мушаххаси HTML дар саҳифаи веб истифода мешаванд. Якчанд намуди селекторҳо мавҷуданд, аз ҷумла селекторҳои элементҳо, интихобкунандагони синфҳо, селекторҳои ID ва селекторҳои атрибутҳо. Интихобкунандагони элементҳо унсурҳои мушаххаси HTML-ро ҳадаф қарор медиҳанд, дар ҳоле ки интихобкунандагони синф унсурҳоро бо атрибути мушаххаси синф ҳадаф қарор медиҳанд. Интихобкунандагони ID унсурҳои дорои атрибути мушаххаси ID-ро ҳадаф қарор медиҳанд, дар ҳоле ки интихобкунандагони атрибутҳо унсурҳои дорои атрибути мушаххасро ҳадаф қарор медиҳанд.

Хусусиятҳо

Хусусиятҳои CSS барои назорат кардани намуди визуалии элементҳои HTML дар саҳифаи веб истифода мешаванд. Бисёр хосиятҳои CSS мавҷуданд, аз ҷумла ранг, андозаи шрифт, замина-ранг ва маржа ва ғайра. Хусусиятҳои CSS-ро метавон ба арзишҳои мушаххас, ба монанди ранг ё андозаи ҳуруф танзим кард, то ки чӣ тавр нишон додани элементро назорат кунад.

Арзиши

Арзишҳо барои муқаррар кардани арзишҳои мушаххаси хосиятҳои CSS истифода мешаванд. Масалан, хосияти ранг метавонад ба арзиши мушаххаси ранг, ба монанди сурх, сабз ё кабуд муқаррар карда шавад. Дигар хосиятҳо, ба монанди font-size, метавонанд ба арзишҳои мушаххас, ба монанди 12px ё 16px таъин карда шаванд.

Қоидаҳо ва афзалият

Қоидаҳои CSS барои муқаррар кардани услуб барои унсурҳои мушаххаси HTML дар саҳифаи веб истифода мешаванд. Вақте ки қоидаҳои сершумор ба як унсур татбиқ мешаванд, қоидаи дорои хусусияти баландтарин ва охирин истифодашуда афзалият дорад. Дар баъзе мавридҳо, мумкин аст, ки калимаи калидии !important -ро истифода барад, то қоидаҳои дигарро бекор кунад ва истифода бурдани услуби мушаххасро таъмин кунад.

Хулоса, CSS як забони пурқуввати услубест, ки метавонад барои формат кардани тарҳбандии вебсайт истифода шавад. Бо фаҳмидани асосҳои синтаксиси CSS, селекторҳо, хосиятҳо ва арзишҳо, шумо метавонед веб-саҳифаҳои зебо ва ҷавобгӯро эҷод кунед, ки барои паймоиш осон ва ҷолибанд.

Версияҳои CSS

CSS дар тӯли солҳо таҳаввул ёфт ва версияҳои нав барои қонеъ кардани ниёзҳои тағирёбандаи веб таҳиягарон ҷорӣ карда шуданд. Дар айни замон, чор версияи асосии CSS вуҷуд дорад: CSS1, CSS2.1, CSS3 ва CSS4.

CSS1

CSS1 версияи аввалини CSS буд, ки соли 1996 бароварда шуд. Он имконоти асосии ороишро ба монанди ранги ҳуруф, андоза ва услуб пешниҳод кардааст. Он инчунин барои эҷоди тарҳҳои оддӣ тавассути муайян кардани мавқеи элементҳо дар саҳифа имкон дод. CSS1 дар муқоиса бо усулҳои қаблии тарҳрезии саҳифаҳои веб, ки истифодаи тегҳои HTML барои муайян кардани намуди элементҳоро дар бар мегирифт, беҳбуди назаррасе буд.

CSS2.1

CSS2.1 соли 1998 бароварда шуд ва якчанд хусусиятҳои навро илова кард, аз ҷумла дастгирии намудҳои медиа, ба монанди чоп ва экран ва қобилияти муайян кардани тартиби намоиш додани унсурҳо. Он инчунин консепсияи селекторҳоро муаррифӣ кард, ки ба таҳиягарон имкон дод, ки унсурҳои мушаххасро дар саҳифа ҳадаф қарор диҳанд ва услубҳоро ба онҳо татбиқ кунанд.

CSS3

CSS3 соли 1999 муаррифӣ шудааст ва версияи охирини CSS мебошад. Он доираи васеи хусусиятҳои навро илова кард, аз ҷумла дастгирии аниматсияҳо, гузаришҳо ва градиентҳо. CSS3 инчунин имконоти нави тарҳбандиро ба монанди flexbox ва grid муаррифӣ кард, ки имкон медиҳанд тарҳҳои мураккабтарро бо коди камтар эҷод кунанд. CSS3 то ҳол ба таври васеъ истифода мешавад ва ба стандарти таҳияи веби муосир табдил ёфтааст.

CSS4

CSS4 дар ҳоли таҳия аст ва интизор меравад, ки дар ояндаи наздик бароварда шавад. Он якчанд хусусиятҳои нав, аз ҷумла дастгирии тағирёбандаҳоро ҷорӣ мекунад, ки ба таҳиягарон имкон медиҳад, ки арзишҳоро дар тамоми ҷадвалҳои услуби худ муайян ва дубора истифода баранд. CSS4 инчунин имконоти нави тарҳбандиро дар бар мегирад, ба монанди дархостҳои контейнер, ки ба таҳиягарон имкон медиҳад, ки тарҳҳои ҷавобгӯеро созанд, ки ба андозаи контейнери ҷойгиршуда мутобиқат кунанд.

Хулоса, CSS аз замони таъсиси худ роҳи дуреро тай кардааст ва версияҳои нав барои қонеъ кардани ниёзҳои тағйирёбандаи веб таҳиягарон ҷорӣ карда шудаанд. Ҳар як версия хусусиятҳо ва қобилиятҳои нав илова кардааст, ки эҷоди тарҳҳо ва услубҳои мураккабро осон мекунад. Бо баровардани CSS4 дар уфуқ, ояндаи рушди веб бо абзорҳо ва имконоти боз ҳам пурқувваттар барои таҳиягарон дастрас аст.

CSS ва HTML

CSS ва HTML ду забони алоҳида мебошанд, ки барои сохтани саҳифаҳои веб истифода мешаванд. HTML забони аломатгузорӣ аст, ки барои сохтори мундариҷа дар саҳифаи веб истифода мешавад, дар ҳоле ки CSS барои услуб ва формат кардани мундариҷа истифода мешавад. Дар ин бахш, мо меомӯзем, ки чӣ тавр CSS ва HTML якҷоя кор мекунанд, то веб саҳифаҳои аз ҷиҳати визуалӣ ҷолиб эҷод кунанд.

Унсурҳои HTML

Унсурҳои HTML блокҳои сохтани саҳифаи веб мебошанд. Онҳо тегҳое мебошанд, ки сохтор ва мундариҷаи вебсайтро муайян мекунанд. Унсурҳои HTML метавонанд барои сохтани сарлавҳаҳо, параграфҳо, рӯйхатҳо, тасвирҳо ва ғайра истифода шаванд. Ҳар як унсури HTML дорои маҷмӯи хосиятҳои худро дорад, ки онҳоро бо истифода аз CSS услуб кардан мумкин аст.

Забони аломатгузорӣ

HTML забони аломатгузорӣ аст, ки тегҳоро барои муайян кардани сохтори саҳифаи веб истифода мебарад. Тегҳо барои иҳота кардани мундариҷа ва додани маъно истифода мешаванд. Масалан, ба <h1> барчасп барои муайян кардани сарлавҳаи сатҳи боло истифода мешавад, дар ҳоле ки <p> тег барои муайян кардани параграф истифода мешавад. HTML забони пуриқтидорест, ки метавонад барои сохтани саҳифаҳои мураккаби веб истифода шавад.

Садо

Истинодҳо ҷузъи муҳими ҳама саҳифаҳои веб мебошанд. Онҳо ба корбарон имкон медиҳанд, ки дар байни саҳифаҳо ҳаракат кунанд ва ба захираҳои беруна дастрасӣ пайдо кунанд. Пайвандҳо бо истифода аз <a> барчасп ва бо истифода аз CSS услуб кардан мумкин аст. Истинодҳо инчунин метавонанд барои эҷоди хатчӯбҳо дар дохили вебсайт истифода шаванд, ки ба корбарон имкон медиҳад, ки ба қисмҳои мушаххаси саҳифа зуд гузаред.

Дар маҷмӯъ, CSS ва HTML якҷоя кор мекунанд, то веб саҳифаҳои аз ҷиҳати визуалӣ ҷолиб эҷод кунанд. HTML сохтор ва мундариҷаи вебсайтро муайян мекунад, дар ҳоле ки CSS барои услуб ва формат кардани он мундариҷа истифода мешавад. Бо истифода аз HTML ва CSS якҷоя, таҳиягарони веб метавонанд вебсайтҳои зебо ва функсионалӣ эҷод кунанд, ки истифода ва паймоиш осонанд.

CSS ва дизайни веб

CSS дар тарҳрезии веб нақши муҳим мебозад. Он ба таҳиягарон имкон медиҳад, ки намуди визуалии саҳифаҳои вебро назорат кунанд ва мувофиқатро дар саросари саҳифаҳои сершумор таъмин кунанд. Дар ин бахш, мо меомӯзем, ки чӣ тавр CSS ба ҷанбаҳои гуногуни тарроҳии веб, аз ҷумла ба тарҳбандӣ, типография, ранг ва тасвирҳо таъсир мерасонад.

андоза

CSS ба таҳиягарони веб имкон медиҳад, ки тарҳбандии саҳифаҳои вебро назорат кунанд. Бо истифода аз CSS, таҳиягарон метавонанд унсурҳои гуногунро дар саҳифаи веб ҷойгир кунанд, андозаи ин элементҳоро назорат кунанд ва кафолат диҳанд, ки онҳо дар дастгоҳҳои гуногун пайваста намоиш дода мешаванд. CSS инчунин ба таҳиягарон имкон медиҳад, ки тарҳҳои ҷавобгӯеро созанд, ки ба андозаҳои гуногуни экран мутобиқ шаванд ва дастрасии саҳифаҳои вебро дар ҳама дастгоҳҳо таъмин кунанд.

матбааи

CSS ба таҳиягарон доираи васеи имконоти идоракунии типографияи саҳифаҳои вебро пешкаш мекунад. Бо CSS, таҳиягарон метавонанд оилаи шрифт, андозаи ҳуруф, баландии сатр ва фосилаи ҳарфҳои матнро дар саҳифаи веб назорат кунанд. Онҳо инчунин метавонанд ҳамоҳангсозии матн ва фосилаи байни унсурҳои гуногуни саҳифаи вебро назорат кунанд.

ранг

CSS ба таҳиягарон имкон медиҳад, ки рангҳои дар саҳифаи веб истифодашударо назорат кунанд. Бо CSS, таҳиягарон метавонанд ранги пасзаминаи саҳифаи вебро муқаррар кунанд, ранги матнро тағир диҳанд ва ранги унсурҳои гуногунро дар саҳифаи веб назорат кунанд. CSS инчунин ба таҳиягарон қобилияти эҷоди градиентҳо ва дигар эффектҳои мураккаби рангро медиҳад.

тасвирҳо

CSS ба таҳиягарон имкон медиҳад, ки намоиши тасвирҳоро дар саҳифаи веб назорат кунанд. Бо CSS, таҳиягарон метавонанд андозаи тасвирҳоро назорат кунанд, мавқеи тасвирҳоро дар саҳифаи интернетӣ муқаррар кунанд ва шаффофияти тасвирҳоро назорат кунанд. CSS инчунин ба таҳиягарон имкони эҷоди эффектҳои мураккаби тасвир, ба монанди сояҳо ва сарҳадҳоро медиҳад.

Хулоса, CSS як воситаи муҳим барои тарроҳии веб мебошад. Он ба таҳиягарон имкон медиҳад, ки тарҳ, типография, ранг ва тасвирҳои дар саҳифаи веб истифодашударо назорат кунанд ва кафолат диҳанд, ки саҳифаҳои веб дар ҳама дастгоҳҳо ҷолиб ва дастрас бошанд.

CSS ва рушди веб

CSS, ё Cascading Style Sheets, як воситаи муҳим барои таҳиягарони веб мебошад. Он ба онҳо имкон медиҳад, ки муаррифии ҳуҷҷатҳои HTML ва XML, аз ҷумла тарҳ, рангҳо, шрифтҳо ва ғайраро назорат кунанд.

CSS беруна

CSS-и берунӣ як файли алоҳидаест, ки ҳамаи услубҳои аз ҷониби вебсайт истифодашавандаро дар бар мегирад. Ин файл ба ҳуҷҷати HTML бо истифода аз тег. CSS-и беруна як роҳи олии ҷудо кардани презентатсия аз мундариҷа мебошад, ки нигоҳдорӣ ва навсозии вебсайтро осонтар мекунад. Он инчунин имкон медиҳад, ки мувофиқат дар саросари саҳифаҳои сершумор дар вебсайт.

CSS дохилӣ

CSS дохилӣ дар дохили ҳуҷҷати HTML бо истифода аз tag. It is useful when you want to apply styles to a single page or a specific section of a website. However, it can make the HTML document cluttered and harder to read.

CSS хатти дохилӣ

CSS-и inline дар дохили элементи HTML бо истифода аз атрибути услуб муайян карда мешавад. Он вақте муфид аст, ки шумо мехоҳед сабкҳоро ба як унсури мушаххас татбиқ кунед. Аммо, он метавонад ҳуҷҷати HTML-ро печида ва хонданро душвортар кунад. Тавсия дода намешавад, ки истифодаи CSS-и inline барои ороиши миқёси калон.

Дархостҳои ВАО

Дархостҳои медиавӣ барои татбиқи сабкҳои гуногун дар асоси андозаи экрани дастгоҳ истифода мешаванд. Ин имкон медиҳад, ки вебсайт ҷавобгӯ бошад ва ба дастгоҳҳои гуногун, аз қабили телефонҳо, планшетҳо ва мизи корӣ мутобиқ шавад. Дархостҳои медиа метавонанд дар файли берунии CSS ё дар дохили ҳуҷҷати HTML муайян карда шаванд.

Хулоса, CSS як воситаи муҳим барои таҳиягарони веб мебошад. Он барои ҷудо кардани презентатсия ва мундариҷа имкон медиҳад, ки нигоҳдорӣ ва навсозии вебсайтро осонтар кунад. CSS-и беруна барои ороиши миқёси калон тавсия мешавад, дар ҳоле ки CSS дохилӣ ва дохилӣ барои ороиши миқёси хурд муфид аст. Дархостҳои ВАО имкон медиҳанд, ки вебсайт ҷавобгӯ бошад ва ба дастгоҳҳои гуногун мутобиқ шавад.

Афзалиятҳои CSS

CSS як воситаи пурқувватест, ки ба таҳиягарони веб имкон медиҳад, ки веб-саҳифаҳои аз ҷиҳати визуалӣ ҷолиб ва пайваста эҷод кунанд. Инҳоянд баъзе бартариҳои истифодаи CSS:

суръат

Яке аз бартариҳои асосии CSS суръати он аст. CSS ба таҳиягарон имкон медиҳад, ки тарроҳӣ ва тарҳбандии саҳифаи вебро аз мундариҷаи он ҷудо кунанд. Ин ҷудокунӣ метавонад вақти боркунии саҳифаи вебро ба таври қобили мулоҳиза кам кунад, зеро браузер лозим нест, ки барои ҳар як саҳифа варақаҳои сабки сершумор зеркашӣ кунад. Ба ҷои ин, браузер варақи услубро кэш мекунад, ки онро дар якчанд саҳифа истифода бурдан мумкин аст ва дар натиҷа вақти боркунии саҳифа тезтар мешавад.

Мушкилот

CSS ба таҳиягарон кӯмак мекунад, ки тарҳҳои мувофиқро дар саросари веб саҳифаҳои сершумор эҷод кунанд. Бо истифода аз варақаи услуби ягона, таҳиягарон метавонанд кафолат диҳанд, ки ҳама саҳифаҳои вебсайт дорои намуди доимӣ ва эҳсосот мебошанд. Ин пайвастагӣ метавонад барои беҳтар кардани таҷрибаи корбарон кумак кунад, зеро корбарон метавонанд ба осонӣ дар вебсайт паймоиш кунанд ва маълумоти заруриро зуд пайдо кунанд.

Нигоҳдории

CSS нигоҳдорӣ ва навсозии вебсайтро осонтар мекунад. Бо ҷудо кардани тарроҳӣ ва тарҳбандии вебсайт аз мундариҷаи он, таҳиягарон метавонанд бидуни таъсир ба мундариҷа ба тарроҳӣ тағирот ворид кунанд. Ин маънои онро дорад, ки агар ба тарҳрезии вебсайт тағирот ворид кардан лозим бошад, онро метавон зуд ва ба осонӣ бидуни дубора навиштани тамоми вебсайт анҷом дод.

CSS инчунин ворид кардани тағиротро ба тарҳбандии вебсайт осонтар мекунад. Бо истифода аз CSS, таҳиягарон метавонанд сабкҳои дубора истифодашаванда эҷод кунанд, ки онҳоро ба якчанд унсурҳои саҳифаи веб татбиқ кардан мумкин аст. Ин маънои онро дорад, ки агар ба тарҳбандии веб саҳифа тағирот ворид кардан лозим бошад, он метавонад бо роҳи навсозии ҷадвали сабки CSS зуд ва осон анҷом дода шавад.

Хулоса, CSS як воситаи пурқувватест, ки барои таҳиягарони веб бартариҳои зиёд пешкаш мекунад. Бо истифода аз CSS, таҳиягарон метавонанд веб-саҳифаҳои аз ҷиҳати визуалӣ ҷолиб ва пайваста эҷод кунанд, ки зуд бор мекунанд ва нигоҳдорӣ ва навсозӣ осон аст.

Истинодҳои CSS

Ҳангоми кор бо CSS, ҳангоми дучор шудан бо хосиятҳо ё синтаксиси ношинос як истинод барои машварат муҳим аст. Хушбахтона, захираҳои зиёде мавҷуданд, ки ба шумо дар фаҳмидан ва истифодаи самараноки CSS кӯмак мерасонанд.

W3C

Консорсиуми ҷаҳонии веб (W3C) ташкилоти ибтидоӣ барои таҳия ва нигоҳдории стандартҳои веб, аз ҷумла CSS мебошад. Вебсайти онҳо истинодҳои ҳамаҷонибаи CSS-ро пешниҳод мекунад, ки тамоми ҷанбаҳои забонро аз синтаксиси асосӣ то усулҳои пешрафтаи тарҳрезӣ фаро мегирад. Маълумотнома аз рӯи моликият ташкил карда шудааст ва намунаҳои истифодаи ҳар яки онҳоро дар бар мегирад.

Илова ба истинод, вебсайти W3C инчунин захираҳои зиёди дигарро барои омӯзиш ва истифодаи CSS, аз ҷумла дарсҳо, мушаххасот ва таҷрибаҳои беҳтарин пешкаш мекунад. Агар шумо дар бораи азхудкунии CSS ҷиддӣ бошед, вебсайти W3C манбаи муҳим аст.

модулҳои

CSS забони модулӣ аст, ки маънои онро дорад, ки он аз модулҳои алоҳида иборат аст, ки метавонанд барои сохтани ҷадвали услуби мукаммал якҷоя карда шаванд. Ҳар як модул ба як минтақаи мушаххаси CSS, ба монанди тарҳбандӣ, типография ё ранг нигаронида шудааст. Бо тақсим кардани CSS ба модулҳо, фаҳмидан ва истифодаи самаранок осонтар мешавад.

Вебсайти W3C рӯйхати ҳамаи модулҳои CSS-ро бо истинод ба мушаххасоти онҳо пешниҳод мекунад. Баъзе аз модулҳои муҳимтарин иборатанд аз:

  • Интихобкунандагони CSS: Синтаксисро барои интихоби элементҳо дар ҳуҷҷат муайян мекунад.
  • Модели қуттии CSS: Тавсиф мекунад, ки чӣ гуна элементҳо дар саҳифа ҷойгир карда мешаванд.
  • CSS Grid Layout: Системаи пурқувватро барои эҷоди тарҳҳои мураккаб таъмин мекунад.
  • CSS Transforms: Ба шумо имкон медиҳад, ки шакл, андоза ва мавқеи элементҳоро тағир диҳед.
  • Аниматсияҳои CSS: Ба шумо имкон медиҳад, ки бо истифода аз CSS аниматсияҳо ва гузаришҳо созед.

Бо шинос шудан бо модулҳои гуногуни CSS, шумо метавонед як таҳиягари ботаҷрибаи CSS шавед ва тарҳҳои пешрафта ва мураккабтар эҷод кунед.

Хулоса, доштани маълумотномаи боэътимоди CSS барои ҳар як таҳиягаре, ки бо CSS кор мекунад, муҳим аст. Вебсайти W3C дар баробари захираҳои зиёди дигар маълумотномаи васеъ пешкаш мекунад, то ба шумо CSS-ро азхуд кунад. Илова бар ин, фаҳмидани модулҳои гуногуни CSS метавонад ба шумо барои эҷоди тарҳҳои пешрафта ва мураккабтар кӯмак расонад.

Аниматсияҳои CSS

CSS Animations як воситаи пурқувватест, ки ба таҳиягарон имкон медиҳад, ки дар вебсайтҳои худ таҷрибаи динамикӣ ва ҷолиби корбар эҷод кунанд. Аниматсияҳо метавонанд барои ҷалби таваҷҷӯҳ ба унсурҳои мушаххас дар саҳифа, пешниҳоди фикру мулоҳиза ба корбарон ё танҳо илова кардани таваҷҷӯҳи визуалӣ истифода шаванд.

Барои сохтани аниматсияи CSS, шумо аввал бояд элементеро интихоб кунед, ки мехоҳед аниматсия кунед ва сипас бо истифода аз хосиятҳои CSS аниматсияро муайян кунед. Дар animation хосият барои муайян кардани аниматсия истифода мешавад ва он дорои якчанд зерхусусиятҳое мебошад, ки ба шумо имкон медиҳанд вақт, давомнокӣ ва дигар ҷузъиёти аниматсияро идора кунед.

Як чизи муҳимро бояд қайд кард, ки аниматсияҳо метавонанд захираҳои зиёд дошта бошанд, аз ин рӯ муҳим аст, ки онҳоро сарфакорона ва бо эҳтиёт истифода баред. Аниматсияҳо бояд таҷрибаи корбарро такмил диҳанд, на онро коҳиш диҳанд, аз ин рӯ муҳим аст, ки онҳоро ҳамаҷониба санҷед ва дида бароед, ки онҳо ба кори умумии вебсайти шумо чӣ гуна таъсир мерасонанд.

Инҳоянд баъзе хосиятҳои асосии CSS, ки шумо метавонед барои сохтани аниматсияҳо истифода баред:

номи аниматсия

Ин хосият номи аниматсияеро, ки шумо мехоҳед ба элемент татбиқ кунед, муайян мекунад. Шумо метавонед якчанд аниматсияҳоро муайян кунед ва онҳоро ба унсурҳои гуногуни саҳифаи худ татбиқ кунед.

аниматсия - давомнокӣ

Ин хосият дарозии вақтро, ки барои анҷом додани аниматсия лозим аст, муайян мекунад. Шумо метавонед давомнокӣ бо сонияҳо ё миллисонияҳо муайян кунед.

Аниматсия-вақт-функсия

Ин хосият функсияи вақтро муайян мекунад, ки барои назорати суръати аниматсия истифода мешавад. Якчанд функсияҳои пешакӣ муайяншудаи вақт мавҷуданд, ки шумо метавонед онҳоро истифода баред, масалан linear, ease-inва ease-out, ё шумо метавонед функсияҳои вақти таъини шахсии худро эҷод кунед.

аниматсия - таъхир

Ин хосият миқдори вақтеро, ки пеш аз оғози аниматсия мегузарад, муайян мекунад. Ин метавонад муфид бошад, агар шумо хоҳед, ки вақти аниматсияҳои сершуморро дар як саҳифа тағир диҳед.

Ҳисоби аниматсия-итератсия

Ин хосият шумораи такрори аниматсияро муайян мекунад. Шумо метавонед шумораи мушаххаси такрориро муайян кунед, ё шумо метавонед арзишро истифода баред infinite барои сохтани аниматсия, ки ба таври номуайян давр мезанад.

аниматсия-роҳнамоӣ

Ин амвол самтеро, ки аниматсия дар он бозӣ хоҳад кард, муайян мекунад. Шумо метавонед муайян кунед normal барои аниматсия ба пеш, reverse барои аниматсия аќиб, ё alternate барои иваз кардани аниматсияҳои пеш ва қафо.

режими пуркунии аниматсия

Ин хосият муайян мекунад, ки чӣ гуна унсури аниматсионӣ пеш аз ва баъд аз аниматсия бояд тарҳрезӣ шавад. Шумо метавонед муайян кунед none барои бетағйир мондани услуби элемент, forwards барои нигоҳ доштани услуби элемент дар охири аниматсия, ё backwards барои татбиқ кардани услуби элемент дар оғози аниматсия.

аниматсионӣ-бозӣ-давлат

Ин хосият муайян мекунад, ки аниматсия навозиш ё таваққуф аст. Шумо метавонед арзишро истифода баред paused барои таваққуф кардани аниматсия, ё running барои оғоз ё идома додани он.

Хулоса, CSS Animations як воситаи пурқувватест, ки метавонад барои эҷоди таҷрибаи динамикӣ ва ҷолиби корбар дар вебсайти шумо истифода шавад. Бо вуҷуди ин, муҳим аст, ки онҳоро сарфакорона ва бо эҳтиёт истифода баред, зеро онҳо метавонанд захираҳои зиёд дошта бошанд ва ба кори умумии вебсайти шумо таъсир расонанд. Бо фаҳмидани хосиятҳои калидии CSS, ки барои эҷоди аниматсияҳо истифода мешаванд, шумо метавонед аниматсияҳое эҷод кунед, ки таҷрибаи корбарро такмил медиҳанд ва таваҷҷӯҳи визуалиро ба вебсайти шумо илова мекунанд.

Хониши бештар

CSS (Cascading Style Sheets) забонест, ки барои тавсифи муаррифии забонҳои аломатгузорӣ ба монанди HTML ва XML истифода мешавад. Он барои услуб ва тарҳбандии саҳифаҳои веб тавассути тағир додани ҳуруф, ранг, андоза ва фосилаи мундариҷа, тақсим кардани он ба сутунҳои сершумор ё илова кардани аниматсияҳо ва дигар хусусиятҳои ороишӣ истифода мешавад. CSS кори зиёдеро сарфа мекунад ва метавонад дар як вақт тарҳбандии якчанд веб саҳифаҳоро назорат кунад. (сарчашма: Веб -ҳуҷҷатҳои MDN, W3Schools)

Шартҳои марбут ба таҳияи вебсайт

хона » Веб-сайтҳо » луцат » CSS чист? (Варақаҳои услубӣ)

Хабардор бошед! Ба бюллетени мо ҳамроҳ шавед
Ҳоло обуна шавед ва дастрасии ройгон ба дастурҳо, асбобҳо ва захираҳо барои муштариён дастрас шавед.
Шумо метавонед дар вақти дилхоҳ обунаро қатъ кунед. Маълумоти шумо бехатар аст.
Хабардор бошед! Ба бюллетени мо ҳамроҳ шавед
Ҳоло обуна шавед ва дастрасии ройгон ба дастурҳо, асбобҳо ва захираҳо барои муштариён дастрас шавед.
Шумо метавонед дар вақти дилхоҳ обунаро қатъ кунед. Маълумоти шумо бехатар аст.
Хабардор бошед! Ба бюллетени мо ҳамроҳ шавед!
Ҳоло обуна шавед ва дастрасии ройгон ба дастурҳо, асбобҳо ва захираҳо барои муштариён дастрас шавед.
Ба навор монед! Ба бюллетени мо ҳамроҳ шавед
Шумо метавонед дар вақти дилхоҳ обунаро қатъ кунед. Маълумоти шумо бехатар аст.
Ширкати ман
Ба навор монед! Ба бюллетени мо ҳамроҳ шавед
🙌 Шумо (қариб) обуна шудаед!
Ба паёмдони почтаи электронии худ равед ва почтаи электронии ба шумо фиристодашударо кушоед, то суроғаи почтаи электронии худро тасдиқ кунед.
Ширкати ман
Шумо обуна шудаед!
Ташаккур ба шумо барои обунаатон. Мо ҳар рӯзи душанбе бюллетенеро бо маълумоти оқилона мефиристем.
Мубодила ба...