Ko te taapiri i nga taitapa ki nga huānga i roto i te CSS he pukenga taketake mo te whakarei ake i te ahua me te hanganga o o wharangi paetukutuku. Ko te taonga `taitapa` te taputapu tuatahi mo tenei, ka taea e koe te whakahaere i te **style**, **whanui**, me te **tae** o te taitapa o te huānga i roto i te whakapuakanga kotahi.
### Te Taonga Potopoto `taitapa`
Ko te huarahi tino noa ki te taapiri i te taitapa ko te whakamahi i te taonga `taitapa`. He ngawari tana wetereo:
```css
taitapa: [whanui] [kāhua] [tae];
Hei tauira, ki te taapiri i te taitapa pango totoka 2-pika huri noa i tetahi atahanga:
```css
img {
taitapa: 2px pango totoka;
}
Ka taea hoki e koe te tautuhi wehe i ia ahuatanga o te taitapa mo te mana maramara ake:
- `whānui-taitapa`: Ka tautuhi i te matotoru (hei tauira, `1px`, `0.5em`, `te kikokore`).
- `kāhua-taitapa`: Ka tautuhi i te kāhua raina (hei tauira, `totoka`, `poihono`, `iraira`, `rua`, `riwha`).
- `tae-taitapa`: Ka tautuhi i te tae (ma te whakamahi i nga tae kua whakaingoatia, HEX, RGB, HSL ranei uara).
### Te Whakamahi Taitapa ki nga Taha Tauwhāiti
Ka whakaratohia e CSS te mana tika, ka taea e koe te taapiri i nga taitapa ki nga taha takitahi o tetahi huānga ma te whakamahi i enei taonga:
- `taitapa-runga`
- `taitapa-matau`
- `taitapa-raro`
- `taitapa-maui`
Ka whai ia i te wetereo `[whanui] [style] [tae]`. Hei tauira, hei taapiri i tetahi tararo whakapaipai ki tetahi pane:
```css
h2 {
taitapa-raro: 4px kua taia #ff6b6b;
}
### Ngā Kāhua Taitapa Taunoa me ngā Take Whakamahi
Ko te taonga 'taitapa-taitapa' he maha nga whiringa tirohanga:
- **`totoka`**: He raina haere tonu. He pai mo nga patene me nga ipu.
- **`dashed`**: He rangatū pīhono. He pai mo te tohu i nga waahi kore mahi.
- **`iira`**: He raupapa ira. He maha nga wa e whakamahia ana mo nga wehewehenga ngawari.
- **`rua`**: E rua nga rarangi whakarara. Ka waihanga i te ahua okawa ake, kua anga.
- **`groove`**: He pānga haehae 3D, i runga i te tae taitapa.
### Tohutohu Mahinga me nga Mahi Pai
1. **Whakamahia me te `roitaita-taitapa` mo nga Kokonga Porowhita**: Whakakotahitia te `taitapa' me te taonga `roitapa-raupapa` hei hanga i nga tapa ngawari me nga waahanga UI hou, hoa.
```css
.pātene {
taitapa: 2px totoka #4ecdc4;
rohe-radius: 8px;
}
2. **Kia maumahara ki te Tauira Pouaka**: Ka taapirihia he taitapa ki nga rahinga katoa o tetahi huānga. Mena kei a koe tetahi huānga kua tautuhia te `whanui` me te `teitei` o te 100px me te taapiri i te taitapa `5px`, ka huri tona rahinga katoa ki te 110px ki te 110px. Whakamahia te `pouaka-rahi: pouaka-taitapa;` ki te whakauru i te taitapa me te papa ki roto i te whanui me te teitei o te huānga.
3. **Taitapa Puata mo nga Tahora Uu**: I etahi wa, ka taea e koe te taapiri i te taitapa `marama` hei puri waahi hei aukati i nga nekehanga tahora ina taapirihia, ka tangohia ranei he taitapa i runga i te taunekeneke a te kaiwhakamahi (penei i te `:hover`).
Ko te whakahaere i nga taitapa CSS he mahi matua ki te hanga paetukutuku whakakitenga me te hanganga pai. Whakamatautau ki nga momo momo, whanui me nga tae kia kitea me pehea e taea ai e ratou te whakarei ake i to hoahoa.
Whakatikahia to Pakihi me Mewayz
Ka kawea mai e Mewayz te 208 kaupapa pakihi ki te papa kotahi — CRM, nama, whakahaere kaupapa, me etahi atu. Hono atu ki te 138,000+ ngā kaiwhakamahi i whakangāwari i ā rātou rerengamahi.
Tīmata Koreutu I tenei ra →
He aha te `taitapa` āhuatanga poto? pātai>
Ko te taonga kupu poto `taitapa` ka taea e koe te taapiri taitapa ki tetahi huānga i roto i te whakapuakanga kotahi. Kei a ia te wetereo: taitapa: [whanui] [kāhua] [tae]. Hei tauira, hei taapiri i te taitapa pango totoka 2-pika huri noa i te ahua, whakamahia img { taitapa: 2px pango totoka; }.
He aha te whānui o te taitapa? question>
Ko te whanui o te taitapa kua tohua e te tawhā [whanui] i roto i te taonga poto. Hei tauira, ko te taitapa 2-pika he 2 pika te whanui.
He aha te kāhua o te taitapa? question>
Ko te ahua o te taitapa kua tohua e te tawhā [style]. Hei tauira, he ahua totoka te taitapa pango totoka.
He aha te tae o te taitapa? question>
Ko te tae o te taitapa kua tohua e te tawhā [tae]. Hei tauira, he pango te taitapa pango.