Anda di halaman 1dari 2

CSS ibarat make up bagi html.

CSS itu bahasa ang mendiskripsikan gaa dari dokumen html.


CSS bisa menjelaskan sebuah gambar atau kodngan
css= (cascading style sheets)
syntag dasar css:
-selector: selector menunjuk pd element yng memberikan style
-declaration : setp blok terdiri satu atau lebih deklarasi. setiap deklarasi harus
dipisahkan dalam semi kolom (;)
setiap deklarsi diakhri semi kolom dan deklarasi diapit sama kurung kurawal({})
1. propoty: terdri dri nama dan nilai, examp: color dan blue adalah value nya dan
2. value
id hanya boleh digunakan satu kali.

exmple:

p{
color: red;
text-algin: cebter;
}

css selector
exsmple:
p{
text-algin: center;
color:red;
}

the id selector: diawali dengan tagar


example:
#para1{
text-algin: center;
color:red;
}

the class selector: diawali dengan titik


example
.sherlli{
text-algin:center;
color:red;
}
ex: untuk mengganti semua elemen pad "colortext" menjadi warna merah
.colortext{
text-algin:center;
color:red;
}

grouping selector
example:
h1{
text-algin:center;
color:red;

h2{
text-algin:center;
color:red;
}
h3{
text-algin:center;
color:red;
}
cukup di grouping dengan
h1, h2, p {
text-algin:center;
color:red;
}

css comment:
p{
color:red;
/* slash seperti itu tidak ada gunaanya
text-algin:center;
}

cara penulisan css:


eksternal style sheets: membuat css dengan format dot css
example:
mystyle.css
disini kita lah menyimpan
cara menghunbungkan file css ke html ya itu dengan membut ..../mystyle.css pada
href
example: <link rel="stylesheet" href=".../mystyle.css">
klo mau masuk kedalam buatkan folder nya:
<link rel="stylesheet" href="css/...(filecss nyha)mystyle.css">
untuk satu tingkat( dalam folder yang sama)
<link rel="stylesheet" href="(mystyle.css">

internal style sheets : harus buatkan antara head dan href


example:
<link rel="stylesheet" href="">
<style>
h1{
color:lightblue;
text-algin:center;
}

inline : langsung buat di elemen html nya


example: <h1 style="color:pink; font" ini inline css </h1

Anda mungkin juga menyukai