Breaking

Tuesday, August 15, 2017

Tutorial CSS Part 1 : Pengertian dan Pengenalan CSS

Assalamu'alaikum Wr.Wb

PENGERTIAN
SleepingCodings - CSS (Cascading Style Sheets), sesuai dengan namanya CSS memiliki sifat "style sheet language" yang memiliki fungsi untuk memperindah
kerangka html agar lebih terlihat menarik. Nah CSS di gunakan men-design  sebuah halaman website, CSS juga menggunakan penanda yang kita kenal dengan id dan class, gunanya untuk mempermudahkan untuk menandai yang mana yang harus di edit/ di design. 

FUNGSI DAN KEGUNAAN CSS
Fungsi CSS banyak sekali yaitu seperti mengubah font, ukuran font, serta warna, selain itu CSS juga bisa mengatur ukuran layout serta membuat halaman website yang responsive. Untuk mendesain font kita dapat menuliskan perintah font, untuk mengatur warna kita dapa menuliskan perintah color, untuk mengatur jarak pada luar elemen kita dapat menggunakan perintah margin dan banyak lagi loh, sering" aja baca-baca beberapa referensi.

CARA PENGGUNAAN CSS
Nah, dalam penggunaan CSS ini File CSS harus di simpan dengan ekstensi .css, kemudian cara kita menghubungakan HTML dengan CSS menggunakan syntax <link rel="stylesheet" type="text/css" href="">, contoh seperti script di bawah, oh iya sekalian foto penjelasan lainnya : 


Gambar 1.1 Script Penggunaan CSS

Gambar 1.2 Folder Pemanggilan CSS


Gambar 1.3 Folder Pemanggilan CSS

Nah, tag <link> di atas di gunakan untuk menghubungkan antara CSS dengan HTML. Syntax di atas di letakkan di dalam file html tepatnya di dalam <head> di bawah <title>. Nah, kita akan kupas bagian" dari syntax <link>. Nah pada atribut rel dan type di tag link di atas di gunakan untuk mendefinisikan bahwa yang di panggil adalah file Style Sheet atau CSS. kemudian atribut href di gunakan untuk meletakkan letak file CSS. Nah pada contoh di atas Author menuliskan bahwa file style.css terletak satu folder atau direktori dengan file html, Nah bagaimana kalau file CSSnya terletak di luar folder maka bisa menghubungkan dengan href="../style.css", Nah jika file CSS nya terletak di sebuah folder, katakan saja foldernya bernama "assets", maka untuk menghubungkannya kita beri perintah href="assets/style.css".

KESIMPULAN
Nah, jadi fungsi dan kegunaan CSS katakan saja untuk mempercantik halaman website, sedangkan cara penggunaannya tergantung dari file CSS tersebut, apakah terletak 1 file sejajar atau beda folder, Jika beda folder kita tinggal masukan nama folder tempat CSS nya, setelah itu baru kita panggil CSSnya. Nah, mudah kan temen" Seputar CSS ini, apalagi ada gambar penjelas yang Author buat :v malah lebih jelaskan. Sekian Dari Author. 
Semoga Bermanfaat ya ~

Wassalamu'alaikum Wr.Wb

No comments:

Post a Comment