Jumat, 14 Februari 2020

Belajar Css Dasar Part1

CSS Pengertian dan Pengenalan CSS

CSS merupakan singkatan dari Cascading Style Sheets. sesuai dengan namanya CSS memiliki sifat
style sheet language yang berarti bahasa pemrograman yang di gunakan untuk web design. CSS
adalah bahasa pemrograman yang di gunakan untuk men-design sebuah halaman website. dalam mendesign halaman website CSS menggunakan penanda yang kita kenal dengan id dan class.
Seiring berkembang nya dunia pemrograman dan teknologi, CSS tidak cuma di gunakan di HTML dan XHTML saja. tapi sudah bisa di gunakan untuk mendesign tampilan aplikasi android. CSS di akses menggunakan id atau class. untuk contoh penulisannya perhatikan pada contoh berikut ini. untuk lebih jelasnya akan saya jelaskan pada tutorial
selanjutnya di tutorial belajar CSS dasar

Fungsi dan Kegunaan CSS

CSS dapat mengubah font, ukuran font, warna dan format font. mengatur ukuran layout, lebar tinggi dan warna element, mengubah tampilan form, membuat halaman website yang responsive dan masih banyak lagi yang dapat di lakukan oleh css.
Untuk men-desain font dapat dilakukan dengan mendefinisikan font , untuk mengatur warna bisa menggunakan color, margins digunakan untuk mengatur jarak pada luar element tertetu. mengatur warna atau gambar pada latar belakang bisa menggunakan background. mengatur ukuran font gunakan font size.jenis font menggunakan font-family danbanyak lagi lainnya.

Cara Penggunaan CSS

File css di simpan dengan ekstensi .css. kemudian di import atau di hubungkan kedalam file HTML atau PHP yang
ingin kita design dengan CSS menggunakan syntax berikut ini.

 <link rel="stylesheet" type="text/css" href="style.css" />

dengan tag link seperti di atas di gunakan untuk menghubungkan file html dengan file css. syntax di atas diletakkan pada file html. pada atribut rel dan type di tag link di atas di gunakan untuk mendefinisikan bahwa yang di panggil atau yang di hubungkan adalah file Style sheet atau css. kemudian atribut href di gunakan untuk meletakkan letak file css. pada contoh di atas file style.css terletak satu folder atau direktori dengan file html yang di tambahkan syntax di atas.
jika file css terletak di luar folder maka bisa menghubungkanya dengan

href="../style.css"

jika file css terletak dalam sebuah folder. katakan saja nama foldernya adalah assets. maka untuk
menghubungkannya

href="assets/style.css"

sekian lah tutorial dasar tentang belajar css pengertian dan pengenalan CSS.
untuk selanjutnya akan di jelaskan pada tutorial belajar CSS dasar pada postingan
selanjutnya. Silankan Dicoba Semoga Bermanfaat

Tidak ada komentar:
Tulis komentar

Kategori