SlideShare a Scribd company logo
Ely Setyo Astuti, ST., MT.
CSS 
 Style Sheets merupakan fitur yang sangat penting 
dalam membuat Dynamic HTML. 
 Meskipun bukan merupakan suatu keharusan dalam 
membuat web, akan tetapi penggunaan style sheets 
merupakan kelebihan tersendiri.
CSS 
 Suatu style sheet merupakan tempat mengontrol dan 
memanage style-style yang ada. 
 Style sheet mendeskripsikan bagaiman tampilan 
document HTML di layar, juga bisa menyebutnya 
sebagai template dari documents HTML yang 
menggunakanya. 
 Bisa membuat efek-efek sepesial di web dapat 
digunakan style sheet. 
 Sebagai contoh dibuat style sheet yang mendefinisikan 
style untuk <H1> dengan style bold dan italic dan 
berwarna biru.
CSS 
 Atau pada tag <P> yang akan di tampilkan dengan 
warna kuning dan menggunakan font verdana dan 
masih banyak lagi yang bisa anda lakukan dengan 
style sheet.
CSS 
 Secara teoritis bisa digunakan style sheet technology 
dengan HTML. 
 Akan tetapi pada prakteknya hanya Cascading Style 
Sheet (CSS) technology yang support pada hampir 
semua web Browser. 
 Karena CSS telah di setandartkan olehWorld Wide 
Web Consortium (W3C) untuk di gunakan di web 
browser.
Praktikum1
Hasil
Praktikum2
Template.css
Hasil
Praktikum3
Hasil
Praktikum4
Hasil
 See You next time..

More Related Content

Viewers also liked

SAS Curriculum Density #11- Day 3
SAS Curriculum   Density #11- Day 3SAS Curriculum   Density #11- Day 3
SAS Curriculum Density #11- Day 3jmori1
 
Element Booklet - Day 1
Element Booklet - Day 1Element Booklet - Day 1
Element Booklet - Day 1jmori1
 
Roditelska noemvri 2014
Roditelska noemvri 2014Roditelska noemvri 2014
Roditelska noemvri 2014
jasmina ivanova
 
Global hotel market sentiment survey 2012
Global hotel market sentiment survey 2012Global hotel market sentiment survey 2012
Global hotel market sentiment survey 2012evisionturism
 
Не все базы данных одинаково полезны
Не все базы данных одинаково полезныНе все базы данных одинаково полезны
Не все базы данных одинаково полезны
Sergey Xek
 
LT データ可視化とd3.js js_cafe_20130908_otanet
LT データ可視化とd3.js js_cafe_20130908_otanetLT データ可視化とd3.js js_cafe_20130908_otanet
LT データ可視化とd3.js js_cafe_20130908_otanet
博三 太田
 
Kudavi 2.4.2016
Kudavi 2.4.2016Kudavi 2.4.2016
Kudavi 2.4.2016
Tom Currier
 
Speech enhanced gesture based navigation for Google Maps
Speech enhanced gesture based navigation for Google MapsSpeech enhanced gesture based navigation for Google Maps
Speech enhanced gesture based navigation for Google MapsHimanshu Bansal
 
Bundler is the Best
Bundler is the BestBundler is the Best
Bundler is the Best
dead_arm
 
Pesquisa Pew sobre o Brasil - Junho de 2014
Pesquisa Pew sobre o Brasil - Junho de 2014Pesquisa Pew sobre o Brasil - Junho de 2014
Pesquisa Pew sobre o Brasil - Junho de 2014
Miguel Rosario
 
Practica27092013
Practica27092013Practica27092013
Practica27092013
Edgar Morales
 
Aрхивация данных
Aрхивация данныхAрхивация данных
Aрхивация данных
Armine
 
Session 3 week 2 central tendency & dispersion
Session 3 week 2   central tendency & dispersionSession 3 week 2   central tendency & dispersion
Session 3 week 2 central tendency & dispersionRachel Chung
 
Assign, commit, and review - A developer’s guide to OpenStack contribution-20...
Assign, commit, and review - A developer’s guide to OpenStack contribution-20...Assign, commit, and review - A developer’s guide to OpenStack contribution-20...
Assign, commit, and review - A developer’s guide to OpenStack contribution-20...OpenCity Community
 
iDentity: Negotiating constructions of self in the digital space
iDentity: Negotiating constructions of self in the digital spaceiDentity: Negotiating constructions of self in the digital space
iDentity: Negotiating constructions of self in the digital space
ashetler
 
Security protocols
Security protocolsSecurity protocols
Security protocols
Abhijit Mondal
 
C11530 f2 b092-48bd-9d51383972bc783e
C11530 f2 b092-48bd-9d51383972bc783eC11530 f2 b092-48bd-9d51383972bc783e
C11530 f2 b092-48bd-9d51383972bc783eCarlos Carvalho
 

Viewers also liked (19)

SAS Curriculum Density #11- Day 3
SAS Curriculum   Density #11- Day 3SAS Curriculum   Density #11- Day 3
SAS Curriculum Density #11- Day 3
 
Element Booklet - Day 1
Element Booklet - Day 1Element Booklet - Day 1
Element Booklet - Day 1
 
Roditelska noemvri 2014
Roditelska noemvri 2014Roditelska noemvri 2014
Roditelska noemvri 2014
 
prehistoric/ancient
prehistoric/ancientprehistoric/ancient
prehistoric/ancient
 
Global hotel market sentiment survey 2012
Global hotel market sentiment survey 2012Global hotel market sentiment survey 2012
Global hotel market sentiment survey 2012
 
Не все базы данных одинаково полезны
Не все базы данных одинаково полезныНе все базы данных одинаково полезны
Не все базы данных одинаково полезны
 
LT データ可視化とd3.js js_cafe_20130908_otanet
LT データ可視化とd3.js js_cafe_20130908_otanetLT データ可視化とd3.js js_cafe_20130908_otanet
LT データ可視化とd3.js js_cafe_20130908_otanet
 
Kudavi 2.4.2016
Kudavi 2.4.2016Kudavi 2.4.2016
Kudavi 2.4.2016
 
Speech enhanced gesture based navigation for Google Maps
Speech enhanced gesture based navigation for Google MapsSpeech enhanced gesture based navigation for Google Maps
Speech enhanced gesture based navigation for Google Maps
 
Bundler is the Best
Bundler is the BestBundler is the Best
Bundler is the Best
 
Pesquisa Pew sobre o Brasil - Junho de 2014
Pesquisa Pew sobre o Brasil - Junho de 2014Pesquisa Pew sobre o Brasil - Junho de 2014
Pesquisa Pew sobre o Brasil - Junho de 2014
 
Practica27092013
Practica27092013Practica27092013
Practica27092013
 
Aрхивация данных
Aрхивация данныхAрхивация данных
Aрхивация данных
 
Session 3 week 2 central tendency & dispersion
Session 3 week 2   central tendency & dispersionSession 3 week 2   central tendency & dispersion
Session 3 week 2 central tendency & dispersion
 
Assign, commit, and review - A developer’s guide to OpenStack contribution-20...
Assign, commit, and review - A developer’s guide to OpenStack contribution-20...Assign, commit, and review - A developer’s guide to OpenStack contribution-20...
Assign, commit, and review - A developer’s guide to OpenStack contribution-20...
 
Ch04
Ch04Ch04
Ch04
 
iDentity: Negotiating constructions of self in the digital space
iDentity: Negotiating constructions of self in the digital spaceiDentity: Negotiating constructions of self in the digital space
iDentity: Negotiating constructions of self in the digital space
 
Security protocols
Security protocolsSecurity protocols
Security protocols
 
C11530 f2 b092-48bd-9d51383972bc783e
C11530 f2 b092-48bd-9d51383972bc783eC11530 f2 b092-48bd-9d51383972bc783e
C11530 f2 b092-48bd-9d51383972bc783e
 

Similar to Materi CSS lanjut

Belajar CSS (cascading style sheet)
Belajar CSS (cascading style sheet)Belajar CSS (cascading style sheet)
Belajar CSS (cascading style sheet)
Bambang Herlandi
 
Css
CssCss
Tugas_pbw_css-1210651163-abdul wafi
Tugas_pbw_css-1210651163-abdul wafiTugas_pbw_css-1210651163-abdul wafi
Tugas_pbw_css-1210651163-abdul wafi
Abdul Wafi
 
Css pweb
Css pwebCss pweb
Css pweb
Fajar Baskoro
 
Laporan pratikum II web
Laporan pratikum II webLaporan pratikum II web
Laporan pratikum II web
rahmi wahyuni
 
Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)
Brian Raafiu
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis webandika_navian
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis webandika_navian
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat Website
Shofura Kamal
 
Praktikum Dasar-Dasar CSS.pdf
Praktikum Dasar-Dasar CSS.pdfPraktikum Dasar-Dasar CSS.pdf
Praktikum Dasar-Dasar CSS.pdf
SayedAchmady1
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptx
BeeOkee
 
5 pemrograman internet css
5 pemrograman internet   css5 pemrograman internet   css
5 pemrograman internet css
Toni Tegar Sahidi
 
Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet
Hari Setiaji
 
chap CSS.pptx
chap CSS.pptxchap CSS.pptx
chap CSS.pptx
Muhammad Faiz
 

Similar to Materi CSS lanjut (20)

Belajar CSS (cascading style sheet)
Belajar CSS (cascading style sheet)Belajar CSS (cascading style sheet)
Belajar CSS (cascading style sheet)
 
Css
CssCss
Css
 
Belajar css
Belajar cssBelajar css
Belajar css
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Tugas_pbw_css-1210651163-abdul wafi
Tugas_pbw_css-1210651163-abdul wafiTugas_pbw_css-1210651163-abdul wafi
Tugas_pbw_css-1210651163-abdul wafi
 
Pertemuan8
Pertemuan8Pertemuan8
Pertemuan8
 
Css pweb
Css pwebCss pweb
Css pweb
 
Laporan pratikum II web
Laporan pratikum II webLaporan pratikum II web
Laporan pratikum II web
 
Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)Modul Cascading Style Sheet (CSS)
Modul Cascading Style Sheet (CSS)
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
 
Praktikum pemrograman berbasis web
Praktikum pemrograman berbasis webPraktikum pemrograman berbasis web
Praktikum pemrograman berbasis web
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat Website
 
Rifkillah s
Rifkillah sRifkillah s
Rifkillah s
 
Praktikum Dasar-Dasar CSS.pdf
Praktikum Dasar-Dasar CSS.pdfPraktikum Dasar-Dasar CSS.pdf
Praktikum Dasar-Dasar CSS.pdf
 
File Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptxFile Structure, HTML & Supporting Languages.pptx
File Structure, HTML & Supporting Languages.pptx
 
5 pemrograman internet css
5 pemrograman internet   css5 pemrograman internet   css
5 pemrograman internet css
 
Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet Web Programming - Cascading Style Sheet
Web Programming - Cascading Style Sheet
 
chap CSS.pptx
chap CSS.pptxchap CSS.pptx
chap CSS.pptx
 
Css bagus
Css bagusCss bagus
Css bagus
 

More from Robby Firmansyah

Membuat Website PHP Metode CRUD
Membuat Website PHP Metode CRUDMembuat Website PHP Metode CRUD
Membuat Website PHP Metode CRUD
Robby Firmansyah
 
Dokumentasi Postfix
Dokumentasi PostfixDokumentasi Postfix
Dokumentasi Postfix
Robby Firmansyah
 
Dokumentasi Webmin
Dokumentasi WebminDokumentasi Webmin
Dokumentasi Webmin
Robby Firmansyah
 
Skenario
SkenarioSkenario
Activity Diagram
Activity DiagramActivity Diagram
Activity Diagram
Robby Firmansyah
 
UseCase Diagram
UseCase DiagramUseCase Diagram
UseCase Diagram
Robby Firmansyah
 
Rational Unified Process
Rational Unified ProcessRational Unified Process
Rational Unified Process
Robby Firmansyah
 
Subnetting
SubnettingSubnetting
Subnetting
Robby Firmansyah
 
Network Interface Layer
Network Interface LayerNetwork Interface Layer
Network Interface Layer
Robby Firmansyah
 
Dokumentasi Gammu
Dokumentasi GammuDokumentasi Gammu
Dokumentasi Gammu
Robby Firmansyah
 
Moodle - Kuisioner
Moodle - KuisionerMoodle - Kuisioner
Moodle - Kuisioner
Robby Firmansyah
 
Ppt moodle sip
Ppt moodle sipPpt moodle sip
Ppt moodle sip
Robby Firmansyah
 
Cara menghubungkan Database antar PC
Cara menghubungkan Database antar PCCara menghubungkan Database antar PC
Cara menghubungkan Database antar PC
Robby Firmansyah
 
Network Troubleshooting
Network TroubleshootingNetwork Troubleshooting
Network Troubleshooting
Robby Firmansyah
 
Setting FTP, SSH, NsLookup di linux
Setting FTP, SSH, NsLookup di linuxSetting FTP, SSH, NsLookup di linux
Setting FTP, SSH, NsLookup di linux
Robby Firmansyah
 
Rangkuman Addressing
Rangkuman AddressingRangkuman Addressing
Rangkuman Addressing
Robby Firmansyah
 
Pengenalan RPL
Pengenalan RPLPengenalan RPL
Pengenalan RPL
Robby Firmansyah
 
Rangkuman DBMS
Rangkuman DBMSRangkuman DBMS
Rangkuman DBMS
Robby Firmansyah
 
Tutorial Install SQL SERVER 2008
Tutorial Install SQL SERVER 2008Tutorial Install SQL SERVER 2008
Tutorial Install SQL SERVER 2008
Robby Firmansyah
 

More from Robby Firmansyah (20)

Membuat Website PHP Metode CRUD
Membuat Website PHP Metode CRUDMembuat Website PHP Metode CRUD
Membuat Website PHP Metode CRUD
 
Dokumentasi Postfix
Dokumentasi PostfixDokumentasi Postfix
Dokumentasi Postfix
 
Dokumentasi Webmin
Dokumentasi WebminDokumentasi Webmin
Dokumentasi Webmin
 
Skenario
SkenarioSkenario
Skenario
 
Activity Diagram
Activity DiagramActivity Diagram
Activity Diagram
 
UseCase Diagram
UseCase DiagramUseCase Diagram
UseCase Diagram
 
Rational Unified Process
Rational Unified ProcessRational Unified Process
Rational Unified Process
 
Subnetting
SubnettingSubnetting
Subnetting
 
Network Interface Layer
Network Interface LayerNetwork Interface Layer
Network Interface Layer
 
Dokumentasi Gammu
Dokumentasi GammuDokumentasi Gammu
Dokumentasi Gammu
 
Moodle - Kuisioner
Moodle - KuisionerMoodle - Kuisioner
Moodle - Kuisioner
 
Ppt moodle sip
Ppt moodle sipPpt moodle sip
Ppt moodle sip
 
Cara menghubungkan Database antar PC
Cara menghubungkan Database antar PCCara menghubungkan Database antar PC
Cara menghubungkan Database antar PC
 
Network Troubleshooting
Network TroubleshootingNetwork Troubleshooting
Network Troubleshooting
 
Setting FTP, SSH, NsLookup di linux
Setting FTP, SSH, NsLookup di linuxSetting FTP, SSH, NsLookup di linux
Setting FTP, SSH, NsLookup di linux
 
Rangkuman Addressing
Rangkuman AddressingRangkuman Addressing
Rangkuman Addressing
 
Pengenalan RPL
Pengenalan RPLPengenalan RPL
Pengenalan RPL
 
Rangkuman SDLC
Rangkuman SDLCRangkuman SDLC
Rangkuman SDLC
 
Rangkuman DBMS
Rangkuman DBMSRangkuman DBMS
Rangkuman DBMS
 
Tutorial Install SQL SERVER 2008
Tutorial Install SQL SERVER 2008Tutorial Install SQL SERVER 2008
Tutorial Install SQL SERVER 2008
 

Recently uploaded

PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
Kanaidi ken
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
PutuRatihSiswinarti1
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
asyi1
 
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptxMateri 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
ahyani72
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
irawan1978
 
Refleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptxRefleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptx
SholahuddinAslam
 
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala SekolahVisi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
kusnen59
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
ozijaya
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Eldi Mardiansyah
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
Rima98947
 
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.pptPERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
EkaPuspita67
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
Indah106914
 
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
JokoPramono34
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
jodikurniawan341
 
ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_
setiatinambunan
 
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Fathan Emran
 
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Fathan Emran
 
ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9
mohfedri24
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
SdyokoSusanto1
 
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
zakkimushoffi41
 

Recently uploaded (20)

PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
PELAKSANAAN + Link2 Materi Pelatihan_ PENGAWASAN P3DN & TKDN_ pd PENGADAAN Ba...
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
 
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdfRHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
RHK Jabatan Kep Sekolah dan Bukti Dukung.pdf
 
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptxMateri 2_Benahi Perencanaan dan Benahi Implementasi.pptx
Materi 2_Benahi Perencanaan dan Benahi Implementasi.pptx
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
 
Refleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptxRefleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptx
 
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala SekolahVisi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
 
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.pptPERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
PERILAKU MENYIMPANG DAN PENGENDALIAN SOSIAL.ppt
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
 
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
Komunitas Belajar dalam Sekolah.Mari Melakukan Identifikasi! Apakah kombel Ib...
 
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakatPPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
PPT LANDASAN PENDIDIKAN.pptx tentang hubungan sekolah dengan masyarakat
 
ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_
 
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
 
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum MerdekaModul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
Modul Ajar Bahasa Inggris Kelas 5 Fase C Kurikulum Merdeka
 
ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9ppt materi aliran aliran pendidikan pai 9
ppt materi aliran aliran pendidikan pai 9
 
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdfPPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
PPT ELABORASI PEMAHAMAN MODUL 1.4. budaya positfpdf
 
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
1.4.a.4.5. Restitusi - Lima Posisi Kontrol.pdf
 

Materi CSS lanjut

  • 1. Ely Setyo Astuti, ST., MT.
  • 2. CSS  Style Sheets merupakan fitur yang sangat penting dalam membuat Dynamic HTML.  Meskipun bukan merupakan suatu keharusan dalam membuat web, akan tetapi penggunaan style sheets merupakan kelebihan tersendiri.
  • 3. CSS  Suatu style sheet merupakan tempat mengontrol dan memanage style-style yang ada.  Style sheet mendeskripsikan bagaiman tampilan document HTML di layar, juga bisa menyebutnya sebagai template dari documents HTML yang menggunakanya.  Bisa membuat efek-efek sepesial di web dapat digunakan style sheet.  Sebagai contoh dibuat style sheet yang mendefinisikan style untuk <H1> dengan style bold dan italic dan berwarna biru.
  • 4. CSS  Atau pada tag <P> yang akan di tampilkan dengan warna kuning dan menggunakan font verdana dan masih banyak lagi yang bisa anda lakukan dengan style sheet.
  • 5. CSS  Secara teoritis bisa digunakan style sheet technology dengan HTML.  Akan tetapi pada prakteknya hanya Cascading Style Sheet (CSS) technology yang support pada hampir semua web Browser.  Karena CSS telah di setandartkan olehWorld Wide Web Consortium (W3C) untuk di gunakan di web browser.
  • 9.
  • 11. Hasil
  • 13. Hasil
  • 15.
  • 16. Hasil
  • 17.  See You next time..