Ka taea te whakatū i te CSS
Whakama ā-pūnaha OK
380+ tauira
Kāore he tohu wai
Kāore he kōwhiringa e hiahiatia ana
Kāhua:
+ GPT-5, Claude, Gemini
Describe a layout or component and get modern CSS3 - Grid + Flexbox, custom properties, container queries, color-mix(), :has() selectors, prefers-reduced-motion. Mobile-first by default. Self-hosted Qwen 3 Coder is free under the daily pool; premium models nail complex multi-component design systems.
Whakamāramatanga
Ko ngā kōwhiringa hōhonu
Whakamutunga
Kua iti te tohu.
Ka whiwhi atu ētahi atu tohu
❤️ E hiahia ana ki te Free.ai? Whakapāpāho ki ōna hoa!
Kaituhi ki kia whiwhi ai i tētahi pātahitanga tohutoro, ā, ka whiwhi i ngā tohu 25,000 ia hoa.
E hiahiatia ana ētahi atu?
Ka whakaingoatia te wāteatanga mo ngā tohu 30K / rā + tāpiri 10K
Ka whakaingoatia te pūkete
E whakapāpā ana i tō tātau tono...
Whakana te waehere CSS me te AI mō te wātea.
He pēhea te whakamahi Ka taea te whakatū i te CSS
1
Kei roto i tō tou tāuru
Type i te kupu, tuku i tētahi faila, whakaahua rānei i te mea e hiahiatia ana e koe. Kāore he tatau e hiahiatia ana.
2
Ka tirohia te whakatūnga
Ka tukatuka tātau AI i tō tātau tono i roto i ngā wā kotahi mā te whakamahi i ngā tauira pūtake tūwhera pai rawa.
3
Whakahua & tiritiri
Whakataki, tārua, tiritiri rānei i tōna hua. Whakatika noa iho mō te whakamahinga whaiaro, hokohoko rānei.
Ka whakamahia tēnei utauta mā te API
Ka whakamātautau tēnei utauta mai i tōtou waehere. Ko te wāhi mutunga o te REST e ōrite ana ki te OpenAI, te mana tohu-tokona, kāore he SDK tāpiri e hiahiatia ana. Ko ngā utu tohu e ōrite ana ki te whakawhitinga whatunga.
curl -X POST https://api.free.ai/v1/chat/ \
-H "Authorization: Bearer sk-free-..." \
-H "Content-Type: application/json" \
-d '{"model": "qwen-coder", "messages": [{"role": "user", "content": "Write a Python function that reverses a string."}]}'Ka taea te whakatū i te CSS — FAQ
CSS3 hōu - Grid + Flexbox whakaritenga, āhuatanga ā-ringa (CSS tāupe), pātai kāwai, tae-whakahaere (), : he () ngā kōwhiringa, ngā āhuatanga arorau, ngā kōaro-kore-whakahaere. 8 ngā kāhua i whakaritea i mua (Vanilla / Tailwind Config / Sass / CSS Modules / BEM / Atomic utility / Print stylesheet / Animation). Pāpāho-tūturu mā ngā pātai kāwai i reira rātau i whakaeke ai i ngā pāpāho pāpāho.
He - he utu tōtika o tētahi pepa kāhua wae ~1,000 ngā tohu i runga i te Qwen 3 Coder, i roto i te 2,500 ngā tāngata kore ingoa / 10,000 ngā tāngata i whakaingoatia i ia rā. Premium Claude Sonnet / GPT-5 e wātea ana i ia whakarongo mō ngā pūnaha hoahoa wae-maha matatini.
v0 e Vercel (whakahaere + $20/mo Pro) e whakanao ana i ngā wae React + Tailwind. Ko Tailwind UI ($299 te wā ora) he puna wae i utuhia. Te Kaiārahi ($20/mo) me te Copilot ($10-39/mo) e āwhina ana i roto i tētahi IDE. Ko tātau utauta he CSS kotahi - tāpiri i tētahi whakaahuatanga, ki te whiwhi CSS haumaru-whakahaere. He pai te whakakotahi me Tailwind: ka huri i te whakatūtū ki te whakatūtū Tailwind, ā, ka tuhituhi mātau i tētahi tauine tauine.config.js + utauta i te wāhi o te CSS mārō.
He - Ko ngā āhuatanga CSS ā-ā-ringa mō te tātai, @layer mō te whakahaere kākahu, ngā pātai kāwai (@container) i reira te rahi pātahi-pātahi e whakarewa ana i te āhuahira, :has () mō te kāhua i runga i te matua, ngā taumahi tae pēnei i te tae-whakahaere () me OKLCH mō te whakahaere tae ā-ringa. Ka hoki mai te āhuahira i te wāhi e hiahiatia ana.
Ko te huaputa ko ngā kāwai Tailwind 3.x whai hua e hono ana ki tōna tailwind.config.js (e waihangatia ana e tātau i te taha mēnā e tono ana koe mō te whakawhanake kaupapa). Mō te tohu HTML e whakaroa ana i ngā kāwai, ka huri ki /kōrero/html/ me te kōwhiri i te Tailwind i te wā i whakaritea.
Ka kōwhiria te Sass i te wā i whakaritea. Ka whakamahia e te huaputa te.scss hanganga me ngā waeine @use (ehara i te @import kua whakakoretia), e whakatū ana i reira e āwhina ana ki te mārama (ehara i te whakapaipai), @mixin mō ngā tauira tāpiri, @function mō te tatau uara. E ōrite ana ki te Dart Sass 1.50+.
Ka kōwhiria te whakaata whakaata. Ka whakamahia e te huaputa ngā @keyframes me te wā-bezier-kupiki, e manakohia ana-whakaiti-whakaiti: ka whakaiti i ngā whakarerekētanga mō te āheitanga, ka huri noa i ngā āhuatanga e whakaata ana. CSS- anake i reira ka taea (whakarerekē, mārama); Ko ngā kākahu JavaScript e tonoa ana mō ngā pānga kāore i te CSS-ka taea anake.
E rua - kōwhiri i te BEM mō te.block__element--whakakēkē i te ingoa, te utauta rānei o Atomic mō ngā kāwai take-tahi. Mō ngā CSS ā-waiho-waiho me te kore whakaingoatanga ingoa e kōwhiri ana i ngā Kāwai CSS, e whakaputa ana i ngā ingoa kāwai ā-rohe.
He - ka whakamahia e ia whakaritenga tuatahi ngā āhuatanga CSS motuhake kua whakawhāititia [whakaaro-whakaaro=tītaha] tae atu ki tētahi whakaritenga-whakaaro-whakaaro: whakamātautau pāpāho mārō. Ko te whakawhitinga kaupapa he whakawhitinga āhuatanga-whāiti, kāore he CSS anō. Ka whakamahia e te whakaritenga tuatahi a Tailwind te mārō: tāupe.
E ūnga ana ki te Chrome / Firefox / Safari (ngā tānga pūmau e rua whakamutunga). Ka whakamahia ngā kōpaka @supports mō ngā āhuatanga whakahauhau (:has(), ngā pātai kāwai) i reira e pā ana te Safari 16+ ki te flexbox i reira e whawhai ana te Safari tawhito ki a koe. Mō te tautoko IE11 - he mea whakahē, me whakamahia e koe /kōrero/refactor/ hei whakarerekē i te huaputa.
Ka kōwhiria te tātai kāhua Paepae. Ka whakawhāiti te huaputa i ngā mea katoa i roto i te tātai @media, ka whakaritea te tae-whakahaere: mō ngā papamuri, ka whakawātea i te nau me te korome, ka whakawātea i ngā whakaahua, ka whakawātea i ngā pātaka mā te whakawātea-i roto: kāore i te ātete i ngā kāri. Ko te tohu āhua o te pātaka mā te @pātaka.
He - POST ki /v1/chat/ me te whakahau pūnaha ōrite e hanga ana tēnei pātaka. Whakatikatanga kaiārahi, āhua-whāiti. He pai mō ngā pūtautau hoahoa-tūturu, ngā pūtau-pūtahi rānei. Ka tuhituhi i te /api/.
Ka whakaingoatia te wāteatanga mō ngā tohu 30,000
Ka waihanga tētahi pūkete wāteaKāore he kāri ā-pūtea e hiahiatia ana
He pēhea te whakawātea i tēnei utauta?