Беҳтар кардани нигоҳи вебсайтро омӯзед
Омӯзед, ки чӣ тавр ба шаклҳои сабки бо CSS роҳи беҳтарини беҳтар кардани намуди вебсайти шумо. Формулҳои HTML дар байни аксарияти саҳифаҳо дар бештари саҳифаҳои веб саҳифаҳо мебошанд. Онҳо аксаран ғамгин ва фоидаоваранд ва дар тарзи таркибашон бисёр чизро пешниҳод намекунанд.
Бо CSS, ки метавонад тағйир ёбад. Якҷоя бо CSS бо тасвирҳои пешрафта метавонад якчанд шаклҳои хуби ҷолибро расонад.
Рангҳоро иваз кунед
Тавре ки бо матн шумо рангҳои қаблӣ ва заминаии элементҳоро тағйир дода метавонед.
Роҳи осонтарини тағир додани ранги заминаи қариб ҳар як ҷузъи таркиб ин аст, ки моликияти зеҳнии рангро дар варақаи саҳифа истифода барад. Масалан, ин ранги рангҳои аслии кабудро (# 9cf) дар ҳамаи элементҳо истифода мебарад.
{уxxат {
ранги аслии: # 9cf;
ранг: # 000;
}}
Барои тағир додани ранги заминаи танҳо унсурҳои шакли алоҳида, танҳо матнро илова кунед ва ба сабки интихобшударо интихоб кунед. Барои намуна:
ворид кунед, textarea, select {
ранги аслии: # 9cf;
ранг: # 000;
}}
Боварӣ ҳосил намоед, ки ранги матнро тағйир диҳед, агар ранги торикии шумо торик шавад. Рангҳои конфигуратӣ ба унсурҳои таркибӣ шаҳодат медиҳанд. Масалан, матн дар ранги торикии сурх ториктар аст, агар ранги матн равшан бошад, хеле осон аст. Масалан, ин рамзи матни сафед дар замимаи сурх ҷойгир аст.
ворид кунед, textarea, select {
ранги аслии: # c00;
ранг: #fff;
}}
Шумо ҳатто метавонед рангчаи зеҳнии худро дар шакли аломати худ гузоред. Дар хотир доред, ки формати таҳрир элементи блок аст , бинобар ин, ранг дар тамоми ракетка, на танҳо ҷойҳои элементҳо.
Шумо метавонед як майдони зардро ба унсури блок илова кунед, то ки майдонеро,
Формула {
ранги аслии: #ffc;
}}
Иловаи сарҳадҳо
Бо рангҳо, шумо метавонед сарҳадҳо дар унсурҳои гуногуни шакли тағйир диҳед. Шумо метавонед як сарҳадро дар тамоми шакл илова кунед. Боварӣ ҳосил кунед, ки илова кардани пазандаҳо, ё унсурҳои форматии шумо то ба марра наздик шудан хоҳанд буд.
Ин намунаи рамзи марзи сарҳадии 1-пиксел бо 5 пиксели папка мебошад:
Формула {
сарҳад: 1px сахти # 000;
padding: 5px;
}}
Шумо метавонед сарҳадро дар ҳудуди зиёда аз танҳо шакли худи худ гузоред. Сарҳади воҳиди воридотро иваз кунед:
{уxxат {
сарҳад: 2px рамзи # c00;
}}
Вақте ки шумо дар қуттиҳои дохилшавӣ қарор доред, эҳтиёт бошед, вақте ки онҳо ба монанди қуттиҳои дохилшавӣ камтар назар мекунанд ва баъзе одамон наметавонанд дарк кунанд, ки онҳо метавонанд ба шакли пур карда шаванд.
Хусусиятҳои Style Combine
Бо дарназардошти унсурҳои шакли шумо бо фикр ва баъзе CSS, шумо метавонед шакли шакли ҷустуҷӯиро, ки таҳия ва тарҳрезии сомонаи шуморо комилан мутобиқ созад, таъсис диҳед.