Афзалиятҳо ва тарҳҳои тарҳҳои мустанад дар CSS

CSS, ё Саҳифаҳои Style Cascading, ки дар тарҳрезии вебсайти муосир истифода мешаванд, ба назар гирифтани назарияи веб саҳифа. Дар ҳоле ки HTML сохтори саҳифаро бунёд мекунад ва Javascript метавонад рафтори амалҳоро идора кунад, назар ва эҳсоси як вебсайти домени CSS аст. Вақте, ки ин услубҳо ба вуқӯъ мепайвандад, онҳо аксар вақт бо истифодаи саҳифаҳои стандартии берунӣ истифода мешаванд, аммо шумо метавонед сабтҳои CSS -ро ба унсури ягонаи махсус истифода баред, ки бо истифода аз "услуби тиреза" маълум аст.

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

Тарзи навиштани тарзи навиштан

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

background: #ccc; ранг: #fff; сарҳад: сиёҳии торик 1px;

Ин сатри секунҷаҳо дар дохили тасвири сабки элементҳое, ки шумо мехоҳед тарроҳӣ кунед. Масалан, агар шумо хоҳед, ки ин услубро ба як параграфи HTML табдил диҳед, ин элемент чунин хоҳад буд:

Дар ин намунаи ин порчаи махсус бо сабки хокистарии сабук (математика), матни сиёҳ (аз ранги сурх # 000), ва бо як қафои сиёҳии сиёҳ дар атрофи тамоми чор тарафи порлумон .

Афзалиятҳои тарҳҳои дохилӣ

Бо шарофати дуздии таркиби лавҳаи Cascading Style дар ихтиёрӣ дар муқоиса бо пешгӯиҳо ё хусусияти баландтарин мавҷуданд. Ин маънои онро дорад, ки онҳо бояд ба кор бурда шаванд, ки чӣ гунае, ки дар сабки берунии шумо навишта шудааст (бо истиснои истиснои ягон намуди таркиби додашуда! Нишондиҳие, ки варақаро дорад, аммо ин чизе нест, ки дар сайтҳо маҳсулот бояд иҷро карда шавад метавонад пешгирӣ карда шавад).

Нишондиҳандаҳои ягонаест, ки аз услубҳои дараҷаи баландтаре ҳастанд , ки тарзи истифодабарандагони худи хонандагонро истифода мебаранд. Агар шумо душвориҳоятонро тағйир диҳед, шумо метавонед сабтро дар элемент насб кунед. Агар шумо сабтҳо бо истифода аз услуби эчодиро намоиш дода бошед, шумо медонед, ки чизи дигаре ба кор меравад.

Нишонҳои дохилӣ осон ва зуд ба илова ва шумо лозим нест, ки дар бораи навиштани интихоби дурусти CSS, зеро шумо илова кардани намудҳои бевосита ба унсуреро, ки мехоҳед тағир диҳед (ин элемент асосан ивазкунандаи интихоби шумо дар варақаи стандартии берунӣ менависад ). Ба шумо лозим нест, ки ҳуҷҷати навро (ба монанди саҳифаҳои таҳририи беруна) эҷод кунед ё унсурҳои навро дар сарлавҳаи ҳуҷҷат таҳрир кунед (монанди саҳифаҳои варақи дохилӣ). Шумо танҳо хосияти сканро илова кунед, ки қариб дар ҳар як элемент HTML мебошад. Инҳо ҳама сабабҳоеро, ки шумо метавонед ба васвасаҳо истифода бурдани услубҳои классикӣ диққат диҳед, вале шумо низ бояд баъзе нуқоти назарраси ин усулро бифаҳмед.

Зарфҳои тарҳҳои номуайян

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

Агар шумо фақат сабки дохилиро истифода бурдед, ҳуҷҷатҳоятон зуд ба шиддат шурӯъ мекунанд ва барои нигаҳдории онҳо хеле душвор мешаванд. Ин сабаби он аст, ки услубҳои дохилӣ бояд ба ҳар унсуре, ки шумо онҳоро мехоҳед, истифода баред. Пас, агар шумо хоҳед, ки ҳамаи параграфҳои худро барои "Arial" номнавис кунанд, шумо бояд ба ҳар як дар ҳуҷҷати худ сабки эчодиро илова кунед. Ин кори ҳам барои нигоҳубини тарроҳӣ ва ҳам барои вақтхушӣ барои хонанда тақсим карда мешавад, зеро шумо бояд онро дар саросари ҳар саҳифа дар саҳифаи худ тағир диҳед, ки ин тағйиротро тағйир диҳед. Эҳтимол, агар шумо сабтҳои алоҳида истифода баред, шумо метавонед онро дар як ҷой тағир диҳед ва ҳар саҳифае, ки ин навсозиро мегирад, дошта бошед.

Дуруст аст, ки ин қадами бозгашт дар тарҳрезии веб - бозгашти рӯзҳои tag!

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

Дар ниҳоят, мо тавсия намедиҳем, ки услубҳои нохунакро барои саҳифаҳои вебсайт истифода баранд, зеро онҳо боиси мушкилот мегарданд ва саҳифаҳоро барои нигоҳ доштани кори зиёди корӣ бештар месозанд. Танҳо вақте, ки мо онҳоро истифода мебарем, вақте ки мо мехоҳем, ки сабки зудро дар давоми рушд тафтиш кунем. Пас аз он ки мо онро гирифтаем, барои он як унсури, онро мо ба варақи стандартии берунаи мо интиқол медиҳем.

Мақолаи аслӣ аз ҷониби Ҷениффер Кринин. Ҷаҳони андеша