Learn Basic CSS With OFFICIALFCA Part 2

Learn Basic CSS With OFFICIALFCA Part 2

Hey yo yoyo wasap mamank balik lagi ama gua ./CR0T_D1LU4R kali ini gua bakalan lanjut ke tutorial kemarin yah

Untuk yang belom tahu dasar dasar CSS kalian bisa langsung klik Disini cuk

oke next di tutorial ini gua akan membahas bagian dari CSS dan Latihan nya ok


- CLASS

sebagian orang banyak tidak tahu apa itu CLASS dan fungsi nya di CSS, Oke disini gua bakal sedikir jelasin Kegunaan CLASS
Gunakan Class untuk membuat macam variasi bagi satu tag HTML. Sebagai contoh bila klean ingin menggunakan tiga warna untuk heading H1(Kata kata yang bergantung pada konteks), anda dapat mendefiniskan dalam tiga class dalam file class.css

Contoh:
Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v

H1.red {font: 16pt/17pt;

        color: red}

H1.green {font: 16pt/17pt;

          color: green}

H1.blue {font: 16pt/17pt;

          color: blue}

nah kalo sudah kalian buat new folder namai dengan CSS simpan file nya seperti ini class.css nah coba skrng kita latihan buat langsung TAG ke HTML

Contoh: 

buat lah seperti source code ini / Copy Paste Juga Boleh :v 

 

   

     

   

 

   

FRI3NDS CYBER ARMY

   

Learn CSS With OFFICIALFCA

   

By ./CR0T_D1LU4R

  .

 

nah itu kalian simpen dengan extensi .html contoh fca.html skrng kita coba lihat gambar jadi nya ok  

nah paten bet paten pokok nya mah sama seperti apa yang kita mau di codingan nya ea aowkawo

nah gua bakalan sedikit ngejelasin lagi nih ama klean pada contoh contoh di tutorial sebelumnya nah TAG HTML di gunakan sebagai selector, misalkan nih yah cuk anda buat code CSS untuk TAG 

yang jadi pertanyaan skrng ini, bagaimana kalo klean ingin memformat TAG

dengan property yang berbeda ? misalkan kalian ingin TAG 

./CROT_D1LU4R ! FRI3NDS CYBER ARMY H1> di kolom tengah berwarna hitam nah ini kebanyakan kasus nya yah, clue anda bisa menggunakan Class Selector dan ID Selector nah dari pada klean bengong ga jelas nih gua jelasin

- Class Selectoor

Class Selector di gunakan nya itu untuk menentukan sekelompok elemen. Berbeda dengan ID Selector, Class Selector di gunakan untuk banyak elemen. Imget Cuk Elemen nya bukan Elemen yang di kuasai oleh Avatar the legend of eng ;v
nah disini gua sedikit contohin cara penulisan class selector

- Cara penulisan Class Selector

.nama-class {property:value;}

Nah skrng kita coba dengan Menempelkan ke TAG HTML

taghtml.nama-class {property:value;}

ohiyah gaes jangan lupakan tanda titik di setiap awal nama class karna kalo di lupain itu sakit:( nah jika klean ingin menggunakan Class selectorr diluar code HTML klean bisa gunakan Tag berikut ini:

./CR0T_D1LU4R ! FRI3NDS CYBER ARMY

Nah seperti itu cuk, sekarang kita coba dengan penulisan code css nya

- Penulisan Code CSS
buat lah seperti source code ini / Copy Paste Juga Boleh :v

.tengah{text-align:center;}

p.tengah {color:red;}

h1.kiri {color:blue;}

h1.tengah {color:black;}

nah skrng kita coba dengan menggunakan Class Selector diluar code HTML

- Penulisan Code HTML
buat lah seperti source code ini / Copy Paste Juga Boleh :v

 

FRI3NDS CYBER ARMY

 

Learn CSS With OFFICIALFCA

./CR0T_D1LU4R

Hasil :Teks tengah FRI3NDS CYBER ARMY nanti nya jadi warna MERAH
         TAG H1 Tengah OFFICIALFCA nanti nya akan jadi warna ITEM
         TAG H1 Kiri ./CR0T_D1LU4R akan berwarna BIRU 

nah skrng kita next ke ID Selector yah cuk cukque

- ID Selector

ID Selectoor di gunakan untuk memformat sebuah element yang untuk dan muncul satu kali dalam satu halaman WEBSITE misal nya memformatkan bagian MENU / SIDEBAR

ID unik dan hanya dapat di gunakan untuk satu element sedangkan sebuah class dapat di gunakan pada beberapa element.

- Cara Penulisan ID Selector 
#nama-ID {property:value;}

Nah skrng kita coba untuk megabungkan ke dalam TAG HTML 
taghtml#nama-ID {property:value;}

Kalian harus perhatikan tanda # di setiap awal NAMA-ID jika anda ingin menggunakan Class Selectoor Di luar code HTML klean bisa gunakan TAG ini

FRI3NDS CYBER ARMY

Oke sekarang cara untuk Memakai Code CSS tersebut

 

FRI3NDS CYBER ARMY

Learn CSS With ./CR0T_D1LU4R

nah seperti itu yah cuk

Mungkin cukup sekian Learn Basic CSS With OFFICIALFCA Part 2 dari gua ./CR0T_D1LU4R  karna ga semua nya langsung gua bikin disini asu pegel

mungkin besok / lusa gua buat lagi yang  terbaru nya ok cuk

Learn Basic CSS Simple Code

Oke Seeyou di Tutor CSS berikut nya

Author: ./CR0T_D1LU4R

Join WIth Me On Instagram: Touch Me