Belajar CSS, apa sih CSS?
Cascading Style Sheets atau yang biasa disebut CSS yang biasa digunakan untuk web desaign. CSS sendiri merupakan salah satu bahasa pemrograman untuk men-design sebuah website agar bisa terlihat cantik. Selain bisa terlihat cantik CSS membentuk sebuah website agar tampilan bisa menjadi user friendly untuk bisa digunakan dengan nyaman. Menggunakan CSS dapat menggunakan id dan class, semua itu sudah dipelajari juga di tutorial Belajar CSS di ahliprogram.blogspot.com. Bagi permula tentunya mencari pengertian tentang CSS sangat penting karena tanpa tahu arti CSS tentunya seorang yang ingin belajar juga akan kebingungan.
Dalam perkembangan bahasa pemrograman dan teknologi yang ada di jaman sekarang, CSS tidak diperuntukkan mendesaign tampilan website saja, tapi juga digunakan untuk mendesaign interface dari aplikasi android. Untuk bagi para pemula bagaiamana pastinya masih bingung tentang cara menggunakan CSS, dibawah akan dijelaskan tutorial Belajar CSS dan sedikit penggunaan dan mengakses file css.
Fungsi CSS
CSS bisa digunakan untuk mengubah ukuran huruf, jenis huruf, warna huruf, mengatur tampilan layout, mengatur tinggi tampilan form, mengatur lebar form, membuat halaman website menjadi lebih menarik, membuat halaman lebih responsive agar saat diakses secara mobile atau desktop tetap nyaman dan masih banyak lagi yang bisa dilakukan CSS yang pasti tidak akan saya tuliskan disini semuanya di tutorial Belajar CSS ini. Untuk agar bisa mengerti semua tentang CSS baca saja blog saya dengan label CSS agar bisa paham kegunaan CSS.
Untuk mendesaign font dapat menggunakkan definisi font di style, untuk warna fonr bisa menggunakan definisi style color, untuk mengatur jarak dari satu ekement ke element lain bisa dengan margin. Mengatur ukuran besar kecilnya huruf menggunakan definisi font-family, mengatur warna pada tabel menggunakan bgcolor, dan masih banyak lagi yang bisa dilakukan di CSS.
Cara Penggunaan CSS
Ada 2 cara dalam menggunakan CSS yang pertama yaitu dengan menambahkan di filenya langsung atau menyimpan file css yang berbeda. File CSS disimpan dengan ekstensi .css (dot) css, kita akan membahas 2 cara dalam penggunaan CSS.
1. Cara pertama
Dalam cara ini kita membuat satu file yang didalamnya sudah ada CSS dan HTML. Buat file dengan nama Index.html, berikut kodingnya:<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<font style="color: red;"> ini tulisan merah</font>
</body>
</html>
Gambar diatas adalah hasil css dalam satu file. Saya akan jelaskan sedikit mengenai kode diatas
<font style="color: red;"> ini tulisan merah</font>
Kode diatas digunakan untuk membuat tulisan menjadi berwarna merah karena menggunakan element font, dalam warnanya menggunakan atribut color yang berwarna red yang artinya merah.
2. Cara kedua
Menghubungkan file html dan css yang sudah kita buat agar bisa saling menyambung meski berbeda file.Buat file bernama Style.css
p { color: blue; }
Diatas adalah kode css untuk merubah warna huruf menjadi biru, selanjutnya untuk menghubungkan file style.css dengan file index.html dibawah adalah kodenya.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<p> ini tulisan biru</p>
</body>
</html>
Disinii akan dijelaskan sedikit tentang kode diatas kenapa text nya bisa berubah menjadi biru.
<link rel="stylesheet" type="text/css" href="style.css" />
Kode diatas digunakan untuk menghubungkan file style.css dan file index.html, tanpa kode itu css dan html tidak akan bisa saling terhubung
<p> ini tulisan biru</p>
Kode <p> adalah kode dari css sendiri yang sebenarnya sudah di definisikan di file css agar setiap tag <p> bisa berwarna biru.
Sekian tutorial dasar tentang Belajar CSS. Untuk tutorial berikutnya akan dijelaskan pada postingan selanjutnya di ahliprogram.blogspot.com.
0 Response to "Belajar CSS, apa sih CSS?"
Post a Comment