CSS.

Presentasi berjudul: "CSS."— Transcript presentasi:

1 CSS

2 CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi lebih menarik dan mudah dikelola.

3 Selector Adalah nama yang diberikan untuk setiap style berbeda yang dibuat. Di dalam style didefinisikan bagaimana setiap selector akan bekerja (font, color dan lain-lain.). Kemudian di dalam bagian body halaman web, selector tersebut dipanggil untuk mengaktifkan style yang telah didefinisikan. Jenis-jenis Selector: Selector HTML Selector Class Selector ID

4 Selector HTML Digunakan untuk mendefinisikan style yang berhubungan dengan tag HTML, melakukan redefinisi tag normal HTML

5 Selector class Digunakan untuk mendefinisikan style yang dapat dipakai tanpa melakukan redefinisi tag HTML.

6 Selector ID Digunakan untuk mendefinisikan style yang berhubungan dengan suatu object memanfaatkan ID unik, biasa digunakan saat bekerja dengan layer

7 Redefinisi Tag HTML

8 Redefinisi Tag HTML

9 Redefinisi Tag HTML Pilih tombol tag Pilih tag html yang akan didefinisi ulang, misal : tag h1 Pilih tombol pilihan define ini : this document only.

10 Redefinisi Tag HTML Lakukan definisi terhadap rule CSS

11 Redefinisi Tag HTML

12 Lakukan redefinisi tag b menjadi muncul tampilan sebagai berikut :

13 Membuat text shadow Buat file css dan beri nama c1.css

14 1px adalah tebal bayangan secara horisontal, kekanan untuk nilai (+) dan kekiri untuk nilai (-), misal -1px; 2px adalah tebal bayangan secera vertikal, kebawah untuk nilai (+) dan keatas untul nilai (- ), misal -2px; 3px adalah tingkat keburaman, semakin tinggi nilainya maka semakin buram pula bayanganya blue ada warna bayangan.

15 Jika lebih dari satu efek maka setiap value dipisakan dengan ,(koma)
maksud dari kedua value manambah efek dengan dua value tadi. Contoh : text-shadow: 1px 2px 3px blue, 2px 3px 2px red;

16 buat file html beri nama CSS2.html Klik attach style sheet

17 Kemudian atur attach external style sheet

18 Sehingga di sebelah kanan tampilan dreamweaver muncul file css yang telah dimasukkan

19 Hasil text shadow