Cascading Style Sheet Oleh : Edy Mulyanto CSS Cascading Style Sheet Oleh : Edy Mulyanto CSS adalah teknologi yang digunakan untuk memformat tampilan halaman website. Dengan CSS format warna, font dan tampilan yang ada di situs web dapat diformat ulang dengan cepat. CSS juga telah distandarkan oleh World Wide Web Consortium (W3C) untuk di gunakan di berbagai web browser
Cara menggunakan CSS Ada 3 cara menggunakan CSS : Inline Style sheet Internal Style Sheet External Style Sheet
Inline Style sheet Berada di dalam tag HTML secara langsung Contoh : <BODY style=“color: white; background: green; font-family : arial;” >
Internal Style Sheet Berada di tag <HEAD> Contoh <STYLE type="text/css"> body { color: white; background: green; font-family : arial;} </STYLE>
External Style Sheet CSS yang akan digunakan berada di file lain (diluar HTML yg dibuat). Contoh nama file : style.css Berisi text : body { color: white; background: green; font-family : arial;}
External Style Sheet Cara memanggil di dalam tag <HEAD> <link rel=“stylesheet” type=“text/css” href=“style.css”> Contoh : <HEAD> <TITLE>Judul Web</TITLE> <LINK REL=“stylesheet” TYPE=“text/css” HREF=“style.css”> </HEAD>
Cara Penulisan Syntaxis CSS dibagi dalam 3 bagian : selector {property : value} dimana : selector : tag HTML yang akan didefinisikan (body, H1, Link , dll). property : atribut yang akan diubah
Cara Penulisan Contoh body { color: white; background: green; font-family : arial;}
Bentuk Ukuran
Pengaturan Background
Pengaturan Font
Pengaturan Anchor
Pengaturan Text
Tugas Buat website personal dengan menggunakan HTML5 dan CSS3. Dikirim ke tugaskuliah777@gmail.com Selamat mengerjakan