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
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
<html>
<head>
<title> OFFICIALFCA </title>
<link rel="stylesheet" href="css/class.css" type="text/css">
</head>
<body>
<H1 class=red> FRI3NDS CYBER ARMY </H1>
<H1 class=green> Learn CSS With OFFICIALFCA </H1>
<H1 class=blue>By ./CR0T_D1LU4R </H1>
</body>.
</html>
nah itu kalian simpen dengan extensi .html contoh fca.html skrng kita coba lihat gambar jadi nya ok
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 <H1> yang jadi pertanyaan skrng ini, bagaimana kalo klean ingin memformat TAG <H1> dengan property yang berbeda ? misalkan kalian ingin TAG <H1> ./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:
<div class=nama-class> ./CR0T_D1LU4R ! FRI3NDS CYBER ARMY </div>
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
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 <H1> yang jadi pertanyaan skrng ini, bagaimana kalo klean ingin memformat TAG <H1> dengan property yang berbeda ? misalkan kalian ingin TAG <H1> ./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:
<div class=nama-class> ./CR0T_D1LU4R ! FRI3NDS CYBER ARMY </div>
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
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
<div class="tengah">
<p> FRI3NDS CYBER ARMY </p>
<h1> Learn CSS With OFFICIALFCA </h1>
</div>
<h1 class="kiri"> ./CR0T_D1LU4R </h1>
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
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
- 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
<div id=nama-ID> FRI3NDS CYBER ARMY </div>
Oke sekarang cara untuk Memakai Code CSS tersebut
Oke sekarang cara untuk Memakai Code CSS tersebut
<div id=nama-ID>
<p> FRI3NDS CYBER ARMY </p>
<h1> Learn CSS With ./CR0T_D1LU4R </h1>
</div>
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
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
Comments
Post a Comment