Hacker News
Yann LeCun waxay kor u qaadaysaa $1B si ay u dhisto AI oo fahma adduunka jireed
Faallo
Mewayz Team
Editorial Team
Hacker News
Ku darista xuduudaha canaasirta CSS waa xirfad aasaasi ah oo lagu kobcinayo soo jiidashada aragga iyo qaab dhismeedka boggaga internetka. Hantida 'xuduuda' ayaa ah aaladda koowaad ee tan, taasoo kuu ogolaanaysa inaad xakamayso **qaabka**, **ballaaran **, iyo **midabka** xudduudda walxaha hal bayaan.
### Hanti-Gaabeedka 'xuduuda'
Habka ugu badan ee lagu daro soohdintu waa isticmaalka hantida gacanta gaaban ee 'xadka'. Qoraalkeedu waa mid toos ah:
``css
xuduud: [ballaaran] [style] [midabka];
Tusaale ahaan, in lagu daro 2-pixel xuduud madow oo adag oo ku wareegsan sawirka:
``css
img {
xuduud: 2px madow adag;
}
Waxa kale oo aad si gooni ah u qeexi kartaa dhinac kasta oo xuduudka ka mid ah si aad u maamusho granular dheeraad ah:
- 'Balac-Xuduud': Dejiya dhumucda (tusaale, `1px`, `0.5em`, `dhuuban`).
- 'qaabka xudduudaha': Wuxuu qeexayaa qaabka xarriiqda (tusaale, 'adag', 'dashed', 'dhibcood', 'laba-laab', 'jeexdin').
- 'midabka-xuduuda': Waxay qeexaysaa midabka (adoo isticmaalaya midabada magacaaban, HEX, RGB, ama qiimaha HSL).
### Dalbashada Xuduudaha Dhinacyo Gaar ah
CSS waxay bixisaa kontorool sax ah, taasoo kuu ogolaanaysa inaad ku darto xuduudaha dhinacyada shakhsiga ah ee walxaha adoo isticmaalaya sifooyinkan:
'xuduuda-sare'
'xuduuda-midig'
- ' xuduud-hoose'
' xuduud-bidix'
Mid kastaa wuxuu raacayaa isku '[ballac] [style] [midabka]' syntax. Tusaale ahaan, in lagu daro xarriiq qurxin ciwaan:
``css
h2 {
soohdinta-hoos: 4px garaac # ff6b6b;
}
### Qaababka Xuduudaha Guud iyo Kiisaska Isticmaalka
Hantida 'qaabka xudduudaha' waxay bixisaa fursado muuqaal oo kala duwan:
- **`adag`**: Xariiq joogto ah. Ku habboon badhamada iyo weelasha.
- **`dhashay`**: Xariijimo taxane ah. Faa'iido u leh muujinta meelaha aan firfircoonayn.
- **"dhibcood"**: Dhibcaha isku xigxiga. Inta badan loo isticmaalo kala-saarayaasha daahsoon.
- **`double`**: Laba xariiq oo isbarbar socda. Wuxuu abuuraa saamayn toos ah oo rasmi ah.
- ** `groove` ***: Saamayn 3D googo'an, oo ku xidhan midabka-xuduuda.
### Talooyin wax ku ool ah iyo dhaqamada ugu fiican
1. **Isticmaal 'Border-radius' ee geesaha Wareega**: Ku dar 'xuduuda' hantida' xuduud-radius 'si aad u abuurto geeso jilicsan iyo qaybo UI ah oo saaxiibtinimo leh.
``css
.badhanka {
xuduud: 2px adag # 4ecdc4;
xuduud-radius: 8px;
}
2. **Xusuuso Qaabka Sanduuqa**: Xadku wuxuu ku daraa wadarta cabbirada curiyaha. Haddii aad haysato shay qeexan 'ballac' iyo 'dherer' 100px oo aad ku dartid xuduud '5px', cabbirkiisa guud ee la sameeyay wuxuu noqonayaa 110px 110px. Isticmaal `sanduuq-cabbir: xuduud-sanduuqa;` si loogu daro soohdinta iyo suufka gudaha ballaca iyo dhererka walxaha la cayimay.
3. **Xuduudaha Daah-furnaanta ee Qaababka Deggan**: Mararka qaarkood, waxaad ku dari kartaa soohdin 'daah-furnaan' meeleeye ahaan si aad uga hortagto qaab beddelka marka xadka lagu daro ama laga saaro isdhexgalka isticmaalaha (sida `: duleelka').
Hagaajinta soohdimaha CSS waa tallaabo muhiim ah oo lagu abuurayo mareegaha si fiican u habaysan muuqaal ahaan. Ku tijaabi qaabab kala duwan, ballacyo, iyo midabyo si aad u aragto sida ay u kobcin karaan nashqadaada.
Ku hagaaji ganacsigaaga Mewayz
Mewayz waxay keentaa 208 nooc oo ganacsi hal madal - CRM, qaansheegta, maaraynta mashruuca, iyo in ka badan. Ku biir 138,000+ isticmaalayaasha kuwaas oo fududeeyay socodkooda shaqo.
Bilow maanta →We use cookies to improve your experience and analyze site traffic. Cookie Policy