Mengenal CSS

CSS atau singkatan dari Cascading Style Sheet sendiri memiliki fungsi untuk mempercantik halaman web yang di buat dengan HTML, CSS sendiri bukanlah salah satu bahasa pemrograman, CSS digunakan untuk menentukan posisi, merubah warna teks, menentukan warna background, mengubah Font teks dan masih banyak lagi penggunaannya.

Anda dapat menulis nama Tag HTML yang ingin diberi style tanpa harus menggunakan tanda "< >".

pada contoh dibawah kita akan memberikan style pada seluruh tag h2 pada html :

h2 {
color : white;
background : black;
}

ketika tag html memiliki memiliki ID maka kita bisa kita membuat style pada tag yang memliki ID tersebut dengan diawali tanda (#). seperti ini

#judul {

color : white;

background : black;

}

ketika tag html tersebut memiliki class, maka kita dapat memberi style pada tag html tersebut dengan diawali tanda titik (.). seperti ini

.judul {

color : white;

background : black;

}

andapun dapat mengubah tag h2 yang terdapat pada suatu class saja, jadi tag h2 yang lain tidak berubah hanya pada class yang kita tentukan saja yang berubah. dengan cara menambah tag h2 pada class yang ingin kita rubah, seperti ini :

#judul h2 {

color : white;

background : black;

}

maka seluruh tah h2 pda class judul akan berubah,

Metode Penulisan

ada tiga jenis penulisan pada kode css yaitu inline, internal dan external, saya jelaskan satu-persatu.

INLINE

penulisan pada kode css dengan metode inline adalah penulisan kode css dilakukan langsung pada tag html yang ingin diberi style yang dengan menggunakan atribut style. contoh sebagai berikut :

<h2 style:"color : black; :">aku ganteng</h2>

saya tidak menganjurkan cara ini karena cara ini akan mencarmpur antara format dan presentasi,

dan juga cara ini akan sulit ketika kita akan melakukan perubahan pada kode CSS.

INTERNAL

penulisan kode css dengan metode internal adalah penulisan css yang dilakukan pada tag head, contoh sebagai berikut :

<html>

<head>

#judul h2 {

color : white;

background : black;

{

</head>

<body>

<h2>aku adalah anak gembala selalu riang serta gembira </h2>

</div>

</body>

</html>

menuliskan kode css dengan metode internal ini biasa dilakukan untuk menguji style atau kalau anda membuat halaman web statis.

EXTERNAL

penulisan kode css pada file css dan di panggil pada pada file html. file css yang berektensi (.css).

contoh sebagai berikut.

style.css

#judul h2 {

color : white;

background : black;

}

disimpan dengan nama "style.css"

filehtml.html

<html>

<head>

</head>

<body>

<h2>aku adalah anak gembala selalu riang serta gembira </h2>

</div>

</body>

</html>

Sekian penjelasan saya tentang CSS

jika ada pertanyaan silahkan tinggalkan komentar

Terimakasih

ArsipWOW

1 comments: