1. APLIKASI BERBASIS WEB Pertemuan10Cascading Style Sheet (css) Layout STTI I-Tech Susana DwiYulianti, SKom

2. DIV dalam CSS • Div (singkat untuk divisi) membagi isi menjadi beberapa bagian individu.  • Setiap bagian kemudian dapat memiliki format sendiri, sebagaimana ditentukan oleh CSS.  • Div adalah suatu wadah tingkat blok, yang berarti bahwa ada feed baris setelah tag </ div>.

3. DIV dalam CSS • Contohdeklarasi CSS berikut: • Kode HTML : <style> .large { color: #00FF00; font-family:arial; font-size: 20pt; } </style> <div class="large"> This is a DIV sample. </div>

4. SPANdalam CSS • Span mirip dengan div bahwa mereka berdua membagi konten menjadi beberapa bagian individu.  • Perbedaannya adalah span yang masuk ke tingkat yang lebih halus, sehingga kita dapat rentang untuk memformat karakter tunggal jika diperlukan.  • Tidak ada feed baris setelah tag </ span>.

5. SPAN dalam CSS • Contohdeklarasi CSS berikut: • Kode HTML : .largefont {   color: #0066FF;   font-family:arial;   font-size: 6px; } Span is not at the <span class="largefont">block level</span>.

6. Satuan Dalam CSS • Statik • in -- satuan inchi • cm -- satuan centimeter • mm -- satuan milimeter • pt -- satuan point (1point = 1/72 inchi) • pc -- satuan pica (1pica = 12 point) • px -- satuan pixel (satu titik gambar terkecil dalam layar monitor) • Relatif • % -- satuan persen • em -- atau ems (1em = ukuran font yang tengah ada dalam elemen) • ex -- 1ex = x-height suatu font (x-height biasanya setengah ukuran font)

7. CSS Property • Properti Background

8. CSS Property • Properti Border dan Outline

9. CSS Property • Properti Border dan Outline

10. Properti Dimensi

11. Font Properties

12. Generated Content Properties

13. List Properti

14. Properti Margin

15. Properti Padding

16. Positioning Properties

17. Positioning Properties

18. Tabel Properti

19. Teks Properti

20. Teks Properti

21. Contoh Layout CSS