Чаро рамзи оддӣ рамзҳоро осон мекунад?
CSS, ё Лавҳаҳои Style Cascading, роҳи тарроҳии вебсайтро тарҳрезӣ мекунанд, ки барои сабти видеоии вебсайт илова кунанд. Бо CSS, шумо метавонед тарҳбандии саҳифа, рангҳо, чопгар , тасвири замина ва ғайраҳоро назорат кунед. Асосан, агар ин услуби визуалӣ бошад, пас CSS роҳи ин услубро ба вебсайтатон медиҳад.
Ҳангоми сабти CSS ба ҳуҷҷат, шумо метавонед бифаҳмед, ки ҳуҷҷат аз нав ва дарозтар мегирад. Ҳатто сайти хурд бо якчанд саҳифаҳои саҳифа бо файле, ки CSS хеле калон аст, боқӣ хоҳад монд - ва сайти хеле калон бо қуръа ва бисёр саҳифаҳои мундариҷаи беназир метавонад файлҳои хеле калон CSS дошта бошанд. Ин бо сайтҳои ҷавобӣ , ки бисёре аз саволномаҳои ВАО доранд , дар варақаҳои таркибие, ки тағйирёбед, ки чӣ гуна вебсайтҳо ва саҳифаҳоро барои экранҳои гуногун пешниҳод мекунанд.
Бале, файлҳои CSS метавонад дарозтар гиранд. Ин мушкилоти асосӣ нест, вақте ки он ба суръати обунакунӣ ва суръати боркунӣ меояд, зеро ҳатто файлҳои дарозмуддати CSS эҳтимолан хурд аст (зеро он дар ҳақиқат танҳо як ҳуҷҷати матн аст). Бо вуҷуди ин, ҳар як каме, вақте ки ба суръати саҳифа меояд, пас агар шумо метавонед лентаи таҳаввулоти худро ба кор баред, ин фикри хуб аст. Ин аст, ки дар он ҷо "virgma" метавонад дар таркиби саҳифаатон хеле муфид бошад!
Commas ва CSS
Шумо шояд ҳайрон шуда будед, ки кадом рамзи рамзи CSS-ро интихоб кунед. Чуноне, ки дар ибораҳо, вергул возеҳ аст - на рамзи агрегатҳо. Вермят дар CSS интихоби якчанд интихобкунандаҳоро дар як намуди якхела ҷудо мекунад.
Масалан, биёед баъзе аз CSS-ро дар зер дида бароем.
th {ранги: сурх; }}
td {ранги: сурх; }}
Ранги сурх: сурх; }}
div # fired {ранги: сурх; }}
Бо ин мафҳум, шумо мегӯед, ки мехоҳед th tags, td tags, параграфҳои параграф бо сурх сурх, ва tag div бо ID рамзи ҳамаи рангҳои ранги сурх.
Ин CSS комилан мувофиқ аст, аммо ду дучанд мушкили асосӣ барои ин навиштани инҳо вуҷуд дорад:
- Дар ояндаи наздик, агар шумо қарор қабул кунед, ки ранги почтаи ин хусусиятҳо ба кабуд тағйир дода шавад, шумо бояд ин чоркуниро дар чаҳорчӯбаи сабки худ иваз кунед.
- Ин ба рамзҳои стандартии шумо, ки ба шумо лозим нест, бисёр аломатҳои иловагӣ илова мекунад. Ин 4 навъҳо метавонанд ба монанди ғарқ шудан намебошанд, аммо агар ин корро дар сарлавҳаи ҳамаи сабки худ идома диҳед, хатҳо илова хоҳанд шуд ва он варақ аз он зиёдтар аст.
Барои бартараф кардани ин камбудиҳо, ва таҳрир кардани файли CSS, мо кӯшишҳоро истифода мебарем.
Истифодаи воҳима ба интихобкунандагони алоҳида
Ба ҷои интихоби 4 интихобкунандаҳои алоҳидаи CSS ва 4 қоидаҳо, шумо метавонед ҳамаи ин усулҳоро ба як чизи моликият табдил диҳед бо интихоби интихобкунандагон бо вергул. Ин аст, ки чӣ тавр ин хел мешавад:
th, td, p.red, div # firstred {ранги: сурх; }}
Хусусияти рамзӣ ҳамчун калимаи "ва" дар дохили интихобкунанда амал мекунад. Ҳамин тариқ, барои ин мақолаҳо ва ТД-ҳо ва қисматҳои параграфӣ бо классикӣ сурх ва тақсимоти div бо нишони ID истифода мешаванд. Ин ҳамон чизест, ки мо пеш аз он доштем, вале ба ҷои он ки 4 қоидаҳои CSS-ро талаб карда бошем, як қоида бо якчанд интихобкунандагон дорем. Ин аст, ки он воҳима дар интихоби интихобшуда, ба мо имкон медиҳад, ки дар як қоида интихобкунандагони яктарафа дошта бошанд.
Ин усули танҳо барои сабтҳои CASA-SA, поксозии CSS нест, онро низ осонтар мекунад. Акнун, агар шумо хоҳед, ки ранги сурхро ба сурх тағйир диҳед, шумо бояд танҳо як ҷойро ба ҷои дар қоидаҳои аслии 4 стандартии мо сабт кунед! Дар ин муддат пасандозҳо дар саросари тамоми CSS андеша мекунанд ва шумо мебинед, ки чӣ тавр ин ҳам шуморо дар муддати кӯтоҳ ва ҳам дар фазои шумо наҷот медиҳад!
Variation Syntax
Баъзе одамон мекӯшанд, ки CSS аз ҳар як селексионер ҷудо карда шавад, ба ҷои он ки ҳар як дар як сатри боло, нависед. Ин чӣ гуна аст:
Бояд гуфт,
td,
Инчунин,
ШАҲРИ ҚӮРҒОНТЕППА
{{
ранг: сурх;
}}
Аҳамият диҳед, ки шумо баъд аз ҳар як интихобкунӣ рамзи ҷойгиршударо ҷойгир кунед ва сипас "сӯзишворӣ" -ро ба сӯхти навбатӣ ба хати худ гузоред. Шумо баъд аз интихоби ниҳоӣ верма кунед.
Бо истифода аз фосила байни интихобкунандагони шумо шумо варақаи сабти бештартарро эҷод мекунед, ки дар оянда ба навсозӣ осонтар аст ва имрӯз хондан осонтар аст!
Мақолаи аслӣ аз тарафи Ҷенифер Кренин. Аз ҷониби Jeremy Girard таҳрир карда шуд 5/8/17