CSS Academy logo
CSSPemulaWebTahap A1 → C122 bahasa

CSS Academy

Tingkatkan reka bentuk web anda dengan CSS melalui pelajaran menyeluruh di Akademi CSS. Laluan pembelajaran CoddyKit yang merangkumi 40 kursus pendek dan 159 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
40
Pelajaran
159
Langkah interaktif
2,047
Percuma untuk bermula
Kursus 1
Kurikulum

40 kursus dalam laluan ini

Setiap kursus dalam laluan CSS Academy, mengikut urutan pembelajaran. Kursus pertama adalah percuma.

1

A13 pelajaranPercuma

Pelajari sintaks asas CSS dan cara menyasarkan unsur HTML menggunakan pemilih teg, class, ID, atribut dan gabungan.

2

A14 pelajaranPRO

Kuasai format warna CSS dan sifat latar belakang untuk mencipta halaman web yang kaya dari segi visual.

3

A14 pelajaranPRO

Gayakan kandungan teks dengan fon, saiz, ketebalan, penjajaran dan teknik pemuatan fon tersuai.

4

A24 pelajaranPRO

Fahami bahawa setiap unsur HTML ialah kotak dan kawal saiz, jarak, sempadan serta bayangannya.

5

A24 pelajaranPRO

Kawal cara unsur mengalir dalam dokumen dengan mod paparan blok, sebaris dan blok-sebaris.

6

A24 pelajaranPRO

Keluarkan unsur daripada aliran biasa menggunakan nilai kedudukan CSS dan kawal lapisan dengan z-index.

7

A24 pelajaranPRO

Kuasai unit CSS mutlak dan relatif untuk mencipta susun atur yang boleh diskalakan dan responsif.

8

A24 pelajaranPRO

Sasarkan unsur berdasarkan keadaan, kedudukan dan hubungannya dengan unsur lain menggunakan kelas pseudo.

9

A24 pelajaranPRO

Sisipkan kandungan hiasan dan gayakan bahagian tertentu unsur menggunakan unsur pseudo CSS.

10

B14 pelajaranPRO

Bina susun atur satu dimensi dengan CSS Flexbox sambil mengawal arah, penjajaran dan pembungkusan.

11

B14 pelajaranPRO

Cipta susun atur dua dimensi yang berkuasa dengan CSS Grid menggunakan trek, jarak dan kawasan templat.

12

B14 pelajaranPRO

Bina susun atur yang menyesuaikan diri dengan cantik pada sebarang saiz skrin menggunakan lebar anjal dan teknik responsif.

13

B14 pelajaranPRO

Gunakan gaya berbeza berdasarkan saiz skrin, orientasi dan pilihan pengguna dengan pertanyaan media.

14

B14 pelajaranPRO

Cipta helaian gaya yang mudah diselenggara dengan sifat tersuai yang boleh diguna semula dan dikemas kini secara dinamik.

15

B14 pelajaranPRO

Tambahkan perubahan keadaan beranimasi yang lancar pada sifat CSS menggunakan singkatan transition dan fungsi pemasaan.

16

B14 pelajaranPRO

Cipta animasi berbilang langkah yang kompleks menggunakan @keyframes dan sifat singkatan animation.

17

B14 pelajaranPRO

Gerakkan, putarkan, skalakan dan serongkan unsur dalam ruang 2D dan 3D menggunakan fungsi transform CSS.

18

B14 pelajaranPRO

Fahami secara mendalam cara CSS menentukan gaya yang diutamakan apabila berbilang peraturan menyasarkan unsur yang sama.

19

B14 pelajaranPRO

Gunakan fungsi CSS yang berkuasa untuk pengiraan dinamik, penskalaan anjal, susun atur grid dan manipulasi warna moden.

20

B14 pelajaranPRO

Gunakan kesan visual pada unsur dan imej menggunakan penapis CSS serta penggubahan mod campuran.

21

B14 pelajaranPRO

Kawal tingkah laku penatalan, titik lekap dan pemotongan limpahan untuk pengalaman pengguna yang lancar.

22

B14 pelajaranPRO

Laksanakan mod gelap automatik dan manual dengan pemboleh ubah CSS, color-scheme dan pertanyaan media.

23

B14 pelajaranPRO

Kuasai DevTools pelayar untuk memeriksa, menyahpepijat dan memahami susun atur CSS, animasi serta gaya terhitung.

24

B24 pelajaranPRO

Melangkaui asas dengan penjajaran Flexbox lanjutan, susunan dan corak susun atur dunia sebenar.

25

B24 pelajaranPRO

Manfaatkan sepenuhnya kuasa CSS Grid dengan garis bernama, peletakan automatik, subgrid dan corak kompleks.

26

B24 pelajaranPRO

Susun pangkalan kod CSS yang besar dengan corak seni bina, konvensyen penamaan dan struktur fail.

27

B24 pelajaranPRO

Cipta unsur bukan segi empat tepat serta bentuk pembalutan teks menggunakan clip-path dan CSS Shapes.

28

B24 pelajaranPRO

Tulis CSS yang tidak bergantung pada arah dan berfungsi untuk bahasa kiri ke kanan serta kanan ke kiri menggunakan sifat logik.

29

B24 pelajaranPRO

Gunakan gaya berdasarkan saiz kontena komponen, bukannya ruang pandang, dengan pertanyaan kontena.

30

B24 pelajaranPRO

Urus keutamaan lata CSS secara eksplisit menggunakan @layer untuk menghapuskan konflik kekhususan dalam pangkalan kod besar.

31

B24 pelajaranPRO

Perhebat penulisan CSS dengan pemboleh ubah, penyarang, mixin dan fungsi menggunakan prapemproses Sass.

32

B24 pelajaranPRO

Ubah dan optimumkan CSS dengan pemalam PostCSS untuk penambahan awalan automatik, peminimuman dan transformasi tersuai.

33

B24 pelajaranPRO

Terokai penggayaan berskop komponen dengan styled-components, Emotion, CSS Modules dan Vanilla Extract.

34

B24 pelajaranPRO

Bina sistem reka bentuk yang boleh diskalakan menggunakan token reka bentuk dan pemetaan tema berbilang jenama dengan sifat tersuai CSS.

35

B24 pelajaranPRO

Pastikan ketepatan CSS dan konsistensi visual melalui ujian regresi, ujian unit dan audit kebolehcapaian.

36

B24 pelajaranPRO

Bina komponen UI yang sedia untuk produksi seperti kad, modal, menu lungsur dan tab dengan teknik CSS tulen.

37

B24 pelajaranPRO

Laksanakan corak susun atur lanjutan dunia sebenar menggunakan teknik CSS Grid dan Flexbox moden.

38

C14 pelajaranPRO

Kembangkan CSS itu sendiri dengan JavaScript menggunakan API Houdini untuk sifat tersuai, lukisan dan susun atur.

39

C14 pelajaranPRO

Optimumkan penghantaran dan prestasi pemaparan CSS dengan memahami saluran paip pemaparan pelayar.

40

C14 pelajaranPRO

Terokai perkembangan terbaharu CSS dengan penyaraan natif, :has(), gaya berskop dan View Transitions.

CoddyKit PRO

Dapatkan akses kepada kesemua 40 kursus dalam laluan ini dan semua laluan lain

Tutor AI, peperiksaan pensijilan dan sijil. Berfungsi di laman web, iOS dan Android.

Lihat semua pelan
Tahunan$29.90 / tahunKira-kira $2.49 sebulanBayar sekaliSeumur hidup$69.99 sekaliTiada pembaharuan. PRO selama-lamanya.
Gambaran Keseluruhan Kursus

CSS: Bahasa yang Menggayakan Web

CSS mengawal setiap perincian visual halaman web — warna, susun atur, jarak, animasi dan kebolehsuaian. CSS berkembang daripada lapisan persembahan yang ringkas menjadi bahasa sistem reka bentuk yang lengkap, dengan ciri moden seperti pertanyaan bekas, @layer, sifat logik dan API Houdini yang memberikan kawalan terperinci kepada pembangun terhadap pemaparan. Laluan ini merangkumi keseluruhan CSS, daripada menulis pemilih pertama anda hingga mereka bentuk sistem reka bentuk boleh skala yang digunakan merentas pangkalan kod pengeluaran yang besar.

Perkara yang Akan Anda Pelajari

Anda akan bermula dengan sintaks, pemilih, warna dan tipografi, kemudian membina pemahaman kukuh tentang model kotak, sifat paparan dan peletakan. Selepas itu, anda akan mempelajari Flexbox dan CSS Grid untuk susun atur standard serta lanjutan, menggunakan reka bentuk responsif dan pertanyaan media, serta menggunakan pemboleh ubah CSS, fungsi tersuai dan token reka bentuk untuk tema yang mudah diselenggara. Anda juga akan mempelajari peralihan, animasi bingkai utama, transformasi, penapis, mod adunan dan mod gelap — di samping alatan moden dengan Sass, PostCSS dan corak CSS-in-JS. Laluan ini berakhir dengan seni bina CSS menggunakan BEM, kekhususan dan lata, pertanyaan bekas, lapisan lata @layer, CSS Houdini dan prestasi.

Laluan Pembelajaran

Empat puluh kursus merangkumi A1 hingga C1. Kursus awal A1 dan A2 membina asas — pemilih, model kotak, kelas pseudo, elemen pseudo dan unit. Kursus B1 merangkumi Flexbox, Grid, reka bentuk responsif, animasi, penyahpepijatan dengan DevTools dan fungsi CSS. Kursus B2 meningkat kepada Flexbox dan Grid lanjutan, Sass, PostCSS, CSS-in-JS, token reka bentuk, CSS Shapes, sifat logik, pertanyaan bekas dan CSS Layers. Tiga kursus C1 — CSS Houdini, Prestasi CSS dan Masa Depan CSS — membincangkan perkembangan paling mutakhir platform ini.

Cara Ia Berfungsi

Setiap kursus dibahagikan kepada pelajaran pendek dan berfokus yang anda lengkapkan terus dalam penyunting terbina dalam dengan maklum balas masa nyata. Tutor AI tersedia apabila anda menghadapi kesukaran, dan kemajuan sengaja disusun secara berperingkat supaya setiap konsep mengukuhkan konsep sebelumnya sebelum konsep seterusnya diperkenalkan.

Cara Anda Belajar

  1. 01

    Pelajaran Interaktif

    Latihan pengekodan amali dengan maklum balas masa nyata

  2. 02

    Tutor AI

    Dapatkan bantuan segera daripada AI kami apabila anda buntu

  3. 03

    Penyunting Terbina Dalam

    Tulis dan jalankan kod terus dalam pelayar anda

  4. 04

    Sijil

    Dapatkan sijil selepas melengkapkan kursus

FAQ

Soalan Lazim

Adakah kursus CSS Academy percuma?

Ya. Anda boleh memulakan kursus CSS Academy secara percuma dan mengikuti pelajaran interaktifnya tanpa sebarang bayaran. Langganan PRO pilihan membuka akses kepada alat kecerdasan buatan lanjutan dan sijil yang boleh dikongsi.

Adakah saya memerlukan pengalaman terdahulu untuk mempelajari CSS?

Tidak. Kursus ini bermula dengan asas dan beralih secara beransur-ansur kepada topik yang lebih maju, jadi anda boleh bermula walaupun tanpa pengalaman terdahulu dalam CSS.

Bagaimanakah saya akan mempelajari CSS di CoddyKit?

Anda belajar melalui amali. Pelajaran interaktif yang ringkas menggabungkan penerangan yang jelas dengan latihan pengekodan praktikal yang berjalan dalam masa nyata, manakala tutor kecerdasan buatan 24/7 memberikan bantuan yang diperibadikan apabila anda menghadapi kesukaran.

Adakah saya mendapat sijil selepas menamatkan CSS Academy?

Ya. Pelajar PRO boleh menduduki peperiksaan dan memperoleh sijil tamat kursus yang boleh dikongsi, lengkap dengan kod yang boleh disahkan untuk kursus CSS Academy.

Bolehkah saya mempelajari CSS melalui telefon saya?

Ya. CoddyKit tersedia di web dan sebagai aplikasi asli iOS serta Android, jadi anda boleh mempelajari CSS pada mana-mana peranti dan kemajuan anda disegerakkan merentas semua peranti.

Berapakah kos CoddyKit PRO?

Kursus pertama dalam CSS Academy adalah percuma. CoddyKit PRO membuka akses kepada setiap kursus: $5.90 seminggu, $7.90 sebulan, $29.90 setahun atau $69.99 sekali untuk akses seumur hidup tanpa pembaharuan.

Berapa lama masa yang diperlukan untuk melengkapkan CSS Academy?

CSS Academy mempunyai 40 kursus dan 159 pelajaran. Kebanyakan pelajaran mengambil masa kira-kira 5–10 minit, jadi keseluruhan laluan ini memerlukan sekitar 19 jam latihan amali, mengikut rentak anda sendiri.

Mulakan CSS Academy Sekarang

Sertai ribuan pelajar yang menguasai pengaturcaraan melalui pelajaran berkuasa kecerdasan buatan.