untung99play.xyz: Belajar CSS Apa itu CSS dan Cara Membuatnya Untuk Pemula

Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99play.xyz dengan judul untung99play.xyz: Belajar CSS Apa itu CSS dan Cara Membuatnya Untuk Pemula yang telah tayang di untung99play.xyz terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99play.xyz, Terimakasih.

CSS bekerja sebagai pelengkap pada HTML. Jika anda baru mempelajari HTML, maka cobalah untuk sekaligus belajar CSS. Pada panduan ini, kami akan berbagi informasi tentang apa itu css dan cara membuatnya untuk pemula.

Seperti yang telah kita ketahui, CSS memungkinkan web developer untuk memisahkan HTML dari aturan-aturan untuk membentuk tampilan sebuah website. Tapi terkadang, banyak orang yang baru belajar HTML, menganggap remeh kekuatan dan fleksibilitas dari sebuah css.

Di panduan ini kami akan membahas apa itu css, kegunaan dan cara membuatnya untuk kelas pemula. Berikut informasi selengkapnya.

Apa itu CSS ?

CSS adalah singkatan dari Cascading Style Sheet, digunakan untuk melengkapi file HTMl, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website. CSS diperkenalkan untuk pengembangan website pada tahun 1996.

Nama CSS di dapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian akan membentuk hubungan parent-child pada setiap style. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

CSS adalah sebuah dokumen yang berdiri sendiri dan dapat dimasukkan dalam kode HTML atau sekedar mejadi rujukan oleh HTML dalam pendefinisian style. CSS menggunakan kode2 yang tersusun untuk menetapkan style pda elemen HTML atau dapat juga digunakan membuat style baru yang biasa disebut class.

Baca juga artikel : Apa itu HTML? Arti, Contoh dan Tutorial Untuk Pemula

Kegunaan CSS

CSS dapat digunakan untuk mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan oleh CSS.

Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada halaman HTML. CSS dapat digunakan untuk menggantikan , , dan , dikarenakan hal berikut:

1. Sebuah file css dapat menjadi rujukan banyak halaman HTML. Hanya dibutuhkan 1 baris kode untuk melakukan hal tersebut. Ini berarti akan meminimalkan file2 HTML yang akan dibuat.

1. Jika ingin mengubah tampilan website yang telah dibuat, maka yang perlu dilakukan hanya mengganti baris-baris kode pada css nya saja, tanpa perlu mengutak-atik file-file HTML nya.

1. CSS dapat mengatur banyak atribut pada sebuah halaman secara mudah. Misalnya: warna background, border, shadow, yang berbeda pada masing-masing tag yang digunakan.

Belajar CSS untuk Pemula

Sekarang, kita akan mencoba melihat bagaimana css itu bekerja. Untuk itu, kita butuh sebuah text editor seperti Notepad, Wordpad, Notepad++ atau Visual Editor dan tentunya sebuah web browser.

Pertama, masukkan kode dibawah ini kedalam text editor, lalu simpan dengan nama, tanpacss.html :

Kemudian, masukkan kode dibawah ini kedalam text editor, lalu simpan dengan nama pakaicss.html :

Berarti sekarang ada 2 file html yang telah dibuat. Langkah selanjutnya, buka file-file html tersebut dengan menggunakan web browser.

Tanpa CSS:

Menggunakan CSS:

Terlihat bedanya bukan? Tag

Penggunaan css yang langsung dimasukkan ke dalam file HTML, biasa disebut inline style sheet (penggunaannya seperti contoh diatas).

Ada juga css yang diletakkan diluar file html, dan untuk menggunakannya, css tersebut akan dipanggil melalu 1 baris kode. Untuk lebih jelasnya, masukkan kode dibawah ini kedalam text editor:

Kemudian simpan dengan nama style1.css. Lalu buat file html, dan sisipkan kode diantara dan

Script lengkapnya sebagai berikut:

Simpan file html diatas dengan nama, eksternalcss.html dan buka di web browser. Hasil yang ditampilkan, sama persis dengan file pakaicss.html. Penggunaan css pada eksternalcss.html lebih simpel, karena css-nya hanya dipanggil melalui tag .

• [rel=”stylesheet”] digunakan untuk memberi tahu browser bahwa file yang di-link- kan adalah file css.
• [type=”text/css”] menginformasikan kepada browser bahwa tipe dari file yang di-link” adalah text dan mengandung css didalamnya.
• [href=”style1.css”] memberitahukan pada browserbahwa file yang akan di-load adalah style1.css

Jika sudah memahami contoh diatas, berarti sekarang saatnya melangkah ke contoh yang sedikit lebih kompleks. Masukkan kode dibawah ini kedalam text editor, lalu simpan dengan nama advancedstyle.html

This is some wild colored, bordered, cool text!

Baca juga artikel: Apa itu Padding? Pengertian, Fungsi dan Contohnya

Ketika file advancedstyle.html dibuka pada browser, maka kurang lebih tampilannya akan seperti dibawah ini:

Tag

.CoolText merupakan sebuat class pada css. Keistimewaan class adalah dapat menyusun tampilan banyak tag. Kita ambil contoh penggunaan .CoolTex.

 Some text 

 Some text 

dapat juga digunakan dengan tag

, seperti dibawah ini:

 Some paragraph text 

Format penulisan class secara umum:

.[Class Name]
{
[Attribute]: [Value];
[Attribute]: [Value];
[Attribute]: [Value];
}

Aturan penulisan nama class, adalah alphanumeric. Jadi boleh saja jika kita ingin menulis nama class dengan perpaduan angka dan huruf, misalnya: BigGoldWriting99

• [Attribute], berisi tag atribut yang akan diganti pada penggunaan class. Dapat berupa font-family, color, border, dll.
• [Value] berisi nilai perubahan yang diinginkan pada masing-masing atribut.

Demikian artikel kami tentang apa itu CSS dan cara membuatnya. Kami berharap Anda bisa belajar CSS dengan artikel yang kami buat dan kami do’akan Anda menjadi developer yang hebat. Semoga bermanfaat.