Memahami anatomi dan cara kerja cascading style sheet (CSS)






Hi, kali ini saya akan memberitahu bagaimana cara kerja menggunakan CSS.

Oke, langsung saja scroll.


1. Inlinecss atau cssnya dalam file html dalam masing-masing tag

Kodingannya :







Hasilnya,













2.  Embedded1 atau cssnya dalam file html, tapi hanya bisa digunakan oleh file html itu saja

Kodingannya :





















Hasilnya ,













3. Embedded 2

Kodingannya :





















Hasilnya,













4.  External atau cssnya berada diluar file html, tapi bisa digunakan di berbagai file html, dengan format file.css

Kodingannya :

HTML










CSS





















Hasilnya, 













5. Embedded heading color

Kodingannya :













Hasilnya,













6. Format karakter spasi

Kodingannya :
HTML








CSS















Hasilnya,













7. Dekorasi teks dan spasi

Kodingannya :
HTML






CSS




















8. Embedded indent align upper

Kodingannya :










Hasilnya,













9. Contoh proyek saya

Kodingannya :











Hasilnya,













Terima kasih.

Comments