Membuat CSS Cascading Style Sheets Saiful Isnandar MTI

Membuat CSS (Cascading Style Sheets) Saiful Isnandar, MTI

Pengertian CSS (Cascading Style Sheets) adalah kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML dan merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Buat file baru dengan cara Klik kanan pada Site > Pilih New File Klik kanan

Hasilnya akan ada file baru dengan nama Untitled. php

Klik 2 x pada file tersebut Pada properties klik tombol Page Properties

Atur property pada 2 kategori : Appereance dan Links

Ubah setting pada kategori : Appereance seperti dibawah ini

Ubah setting pada kategori : Appereance seperti dibawah ini

Penjelasan : Bahwa font yang digunakan pada Link Sama dengan font Normal hanya berbeda ketebalannya saja Links Color: Warna font yang digunakan pada Link Adalah Merah Rollover Links : ketika kursor berada diatas teks yang terdapat link maka Warna teks akan berubah menjadi Hijau Visited Link : Warna font yang digunakan pada Link saat link sudah pernah dikunjungi Underline Style: pengaturan teks apakah menggunakan Garis bawah atau tidak, disini terdapat 4 pengaturan : 1. Selalu ada garis bawah 2. Tidak ada garis bawah 3. Muncul Garis bawah saat kursor diatas link 4. Garis bawah akan hilang saat kursor diatas link

Setelah selesai pengturan, Klik OK Pada tampilan ubah tampilan menjadi Code

Save as File Tersebut dengan nama yang berekstensi. css

Hapus beberapa bari kode seperti dibawah ini

Hapus juga kode ini Simpan kembali file anda

Menghubungkan halaman PHP ke CSS

Buka file index. php atau file apapun yang satu lokasi dengan file css

Ubah tampilannya menjadi Code

Carilah kode <Title> …. . </title> tambahkan kode dibawahya <link rel="stylesheet" href="style. css">

Perbedaan sebelum dan sesudah dihubungkan ke file css Sebelum Sesudah