Belajar CSS Part 1 : Pengertian Dan Mengenal CSS

PENGERTIAN DAN PENGENALAN CSS
CSS Merupakan singkatan dari " Cascading Style Sheets " sesuai dengan namanya CSS memiliki sifat " style sheet lenguage " yang berarti bahasa pemrograman yang digunakan untuk web design. CSS adalah bahasa pemrograman yang digunakan untuk men-design sebuah halaman sebuah website. Dalam mendesign halaman website CSS menggunakan penanda yang kita kenal dengan id dan class. Seperti yang sudah kita pelajari tentang pengenalan id dan class pada tutorial edisi belajar HTML dasar

LATAR BELAKANG
Seiring berkembamangnya dunia pemrograman dan teknologi, CSS tidak cuma digunakan di HTML dan XHTML saja. Tapi sudah bisa digunakan untuk mendesign tampilan aplikasi android. CSS diakses menggunakan id atau class. Untuk contoh penulisanya perhatikan contoh berikut, dan lebih jelasnya akan saya jelaskan pada tutor berikutnya.

MAKSUD DAN TUJUAN
CSS dapat dikatakan dokumen yang berisi style untuk mengatur tampilan suatu halaman website agar lebih menarik dan interaktif dengan tujuan menarik minat pengunjung. Para desainer web menggunakan css untuk merapikan tampilan website agar lebih menarik dan interaktif, dengan mengubah elemen tag html seperti huruf, teks, background dan gambar.

ALAT DAN BAHAN

• PC / Laptop
• Text Editor ( Sublime, Notepad ++ Dll )

FUNGSI DAN KEGUNAAN CSS
CSS dapat merubah 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 dilakukan oleh CSS yang tidak akan habisnya saya tulis di Tutorial Belajar CSS ini.

Untuk men-desain font dapat dilakukan dengan mendefinisikan font, untuk mengatur warna bisa menggunakan color, margins digunakan untuk mengatur jarak pada luar element tertentu. Mengatur warna atau gambar latar belakang bisa menggunakan Background. Mengatur ukuran font gunakan font size, jenis font menggunakan font-family dan masih banyak lagi.

CARA PENGGUNAAN CSS
File css disimpan dengan ekstensi .css kemudian di import atau dihubungkan kedalam file HTML atau PHP yang ingin kita design dengan CSS menggunakan syntax berikut ini.

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

Jika file CSS terletak dalam sebuah folder. Katakan saja foldernya adalah " asset " . Maka untuk menghubungkanya menggunakan seperti berikut.

href="asset/style.css"

KESIMPULAN
Dapat kita simpulkan ibarat sebuah rumah CSS adalah dekorasi dari rumah tersebut yaitu tujuanya untuk mempercantik rumah, sama dengan CSS ini yang bertujuan agar tampilan website lebih cantik dan terlihat modern

Sekian Tutorial Dasar tentang Mengenal dan Pengertian CSS. Untuk lebih lengkapnya akan dijelaskan pada Tutorial Belajar CSS Dasar pada postingan selanjutnya, Jika ada yang ditanyakan silahkan berikan komentar, Sekian Terima Kasih

Referensi : Malas Ngoding

TUTORIAL CSS LAINYA

• Belajar CSS Part 1 : Pengertian dan Mengenal CSS 
• Belajar CSS Part 2 : Cara Penulisan CSS 
• Belajar CSS Part 3 : Mengubah Background Dengan CSS
• Belajar CSS Part 4 : Margin dan Padding CSS
• Belajar CSS Part 5 : Mengatur Font Dengan CSS
• Belajar CSS Part 6 : Mengatur Hyperlink Dengan CSS 
• Belajar CSS Part 7 : Mengatur Format Text Dengan CSS 
• Belajar CSS Part 8 : Mengenal Position CSS 
• Belajar CSS Part 9 : Mengatur Border Dengan CSS
• Belajar CSS Part 10 : Mengatur List Dengan CSS
• Belajar CSS Part 11 : Mengatur Float Dengan CSS