CSS digunakan untuk mengatur tampilan dan tata letak elemen di halaman web. CSS terdiri dari selector dan deklarasi yang menentukan elemen mana aturan CSS diterapkan dan properti serta nilainya. CSS dapat ditulis secara internal, inline, atau eksternal dalam berkas terpisah. CSS memungkinkan pengaturan warna latar belakang, ukuran teks, dimensi kotak, margin, padding, dan border elemen.

2. CSS
(cascading style sheet) adalah suatu style yang di gunakan
untukmenampilkan elemen html yang dapat mengatur dan
mengontrol tampilan halaman web serta memisahkan antara
tampilan dan konten halaman web,walaupun bukan suatu
keharusan dalam membuat web akan tetapi menggunakan css
akan membuat tampilan web menjadi lebih menarik.

3. Struktur css
Perintah css terdiri dari 2 komponen yaitu selector dan declaration:
1. Selector adalah untuk memberi tahu browser bahwa pada
elemen mana rule css di terapkan selector dapat berupa
elemen html,selector class atau selector id.
2. Declaration merupakan aturan css yang di terapkan,terdiri
atas property dan value.

4. Aturan penulisan css
1.menggunakan tag style(internal style): kode css di ketik di antara
tag < head>

5. 2.inline style Atau dengan menambahkan langsung kode css ke
dalam tag html:

6. 3.eksternal style menggunakan tag<link> untuk merujuk ke file
css khusus contoh:

7. Komentar dalam css
Komentar di gunakan untuk memudahkan dalam mengingat
kembali script yang telah di tulis,seperti halnya bahasa
pemograman yang lain,pada css penulisan komentar di lakukan
dengan menyisipkan /* dan di akhiri */

8. Sintak css

9. Grouping
Untuk mempersingkat penulisan,css juga memungkinkan untuk
melakukan grouping pada selector selector yang memiliki property
yang sama.
Contoh:

10. Css class selector
Fungsinya untuk memberikan style yang berbeda pada sebuah
elemen html yg di awali dengan menambahkan tanda’.’(titik)pada
file css dan pada html di tambahkan property class untuk
memanggil selector tsb. Contohnya pada css:

11. Pada html :

12. Sehingga:

13. Css id selector
Hampir sama dengan class selector hanya bedanya mengunakan
tanda’#’ pada css dan property id pada html.
Contoh: pada css

14. Pada html

15. Sehingga:

16. Css background
Property css yang berfungsi untuk memanipulasi background dari
elemen html. Terdapat beberapa property background :
Background-color
Background-image
Background-repeat
Background-attachment
Background-position

17. Backround color
Contohnya: pada css

18. Pada html:

19. Sehingga tampilan designnya:

20. Background image
Contohnya pada css:

21. Sehingga tampilannya:

22. Background repeat
Contohnya pada css:

23. Maka tampilannya:

24. Background position

25. Contohnya pada css:

26. Maka tampilannya:

27. Css teks
Contohnya pada css :

28. Maka tampilannya berubah pada huruf

29. Css font
Pada css nya:

30. Maka hasilnya seperti ini:

31. Css dimension
Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen
html contohnya :
Sehingga Nilai /value nya

32. Css box model

33. Contohnya:
 Margin: are di sekeliling border,terpengaruh oleh warna dari box
 Border: garis yang membatasi pading dan content, terpengaruh oleh warna dari
box
 Padding: area di sekeliling content,terpengaruh oleh warna box
 Content: area tempat menyimpan text dan image.

34. Css margin

36. Contohnya pada css:
Pada htmlnya:
Sehingga hasilnya:

37. Css padding

38. Contoh pada css nya:
Sehingga tampilanya hurufnya berada di tengah:

40. Css border

41. Contohnya:

42. Css float