Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
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
2
Cara menggunakan CSS Ada 3 cara menggunakan CSS : Inline Style sheet
Internal Style Sheet External Style Sheet
3
Inline Style sheet Berada di dalam tag HTML secara langsung Contoh :
<BODY style=“color: white; background: green; font-family : arial;” >
4
Internal Style Sheet Berada di tag <HEAD> Contoh
<STYLE type="text/css"> body { color: white; background: green; font-family : arial;} </STYLE>
5
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;}
6
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>
7
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
8
Cara Penulisan Contoh body { color: white; background: green;
font-family : arial;}
9
Bentuk Ukuran
10
Pengaturan Background
11
Pengaturan Font
12
Pengaturan Anchor
13
Pengaturan Text
14
Tugas Buat website personal dengan menggunakan HTML5 dan CSS3.
Dikirim ke Selamat mengerjakan
Presentasi serupa
