Dokumen tersebut membahas pengertian dan implementasi CSS (Cascading Style Sheets) untuk mempercantik tampilan website. Termasuk cara menggunakan CSS untuk mengatur font, teks, warna latar belakang, border, margin, padding, dan daftar. Juga membahas konsep pewarisan gaya dan selektor kontekstual dalam CSS.
Style Untuk Font Family
Membuat Teks Italic
Membuat Teks Tebal
Mengatur Ukuran Font
Mengatur Jarak Baris Dalam Paragraf
Mengubah Warna Text
Mengubah Warna Background Text
Style Untuk Font Family
Membuat Teks Italic
Membuat Teks Tebal
Mengatur Ukuran Font
Mengatur Jarak Baris Dalam Paragraf
Mengubah Warna Text
Mengubah Warna Background Text
Materi pemrograman web di KuliahKita yang membahas bahasa yang digunakan untuk mendefinisikan cara menampilkan halaman situs yaitu CSS di http://kuliahkita.com/kelas/pengembangan-web/
Materi pemrograman web di KuliahKita yang membahas bahasa yang digunakan untuk mendefinisikan cara menampilkan halaman situs yaitu CSS di http://kuliahkita.com/kelas/pengembangan-web/
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik DosenAdrianAgoes9
sosialisasi untuk dosen dalam mengisi dan memadankan sister akunnya, sehingga bisa memutakhirkan data di dalam sister tersebut. ini adalah untuk kepentingan jabatan akademik dan jabatan fungsional dosen. penting untuk karir dan jabatan dosen juga untuk kepentingan akademik perguruan tinggi terkait.
1. BAB 2CSS (Cascading Style Sheet)
By:
Yunia ikawati
NEXT
Praktek Pemrograman WEB
2. •Tujuan:
Memahami dan mempelajari elemen web Cascading Style Sheets(Syntax CSS, agaimana menggunakan CSS, Background CSS, Text CSS,Font CSS,Border CSS,Margin CSS,Padding CSS,List CSS,Dimensi CSS,Klasifikasi CSS)
CSS (CASCADING STYLE SHEET)
3. CSS (Cascading Style Sheet)
Manfaat:
•Memperindah tampilan halaman website.
•Mempermudah mengubah secara keseluruhan warna dan tampilan.
•Memformat ulang situs Anda secara cepat.
•Menghemat kode dan waktu dalam mendesain tampilan website.
NEXT
5. CSS (Cascading Style Sheet)
Tag Komentar
<html>
<head>
<title>……</title>
<style type=text/css>
…aturan-aturancssdisini… /* masukkankomentarAndadalamblokini*/
</style>
</head>
<body>
…………………
</body>
</html>
NEXT
BACK
6. CSS (Cascading Style Sheet)
CSS dapat diimplementasikan dalam 3 cara:
1.Inline Style yaitu menjadi atribut dalam tag HTML, atributnya adalah style.
2.Internal Style Sheet atau Embed Style yaitu berada di dalam tag <HEAD> .
3.External Style Sheet atau Linked Style Sheet yaitu style CSS berada terpisah pada sebuahfile.css, sedangkan untuk pemanggilannya dalam document HTML yang akan menggunakannya dilakukan dengan cara:
<link rel=“stylesheet” href=“file.css” type=“teks/css” />
10. CSS (Cascading Style Sheet)
Konsep:
•Pewarisan (inheritance)
•Selektor-Kontekstual (Contextual Selector)
•Kelas (classes)
NEXT
BACK
11. CSS Pewarisan (inheritance)
Text<html>
<head>
<title>CSS_01</title>
<style type=text/css>
b { color:blue}
i { color:#3333CC }
</style>
</head>
<body>
<i>Akademi Komunitas Negeri Lamongan </i> <br>
<b>Teknik Informatika</b>
</body>
</html>
Catatan: Untuk declaration colordapat juga menggunakan kode heksa
NEXT
BACK
12. CSS Selektor-Kontekstual(Contextual Selector)
Text
<html>
<head>
<title>CSS_01</title>
<style type=text/css>
b,i{ color:ff00ff;
text-decoration:underline;
}
</style>
</head>
<body>
<b>Akademi Komunitas Negeri Lamongan</b>
<br>
<i>Teknik Informatika</i>
</body>
</html>
Catatan: selector ini kesemuanya untuk bold+italic text
NEXT
BACK