1 / 21

Pertemuan 10 Cascading Style Sheet ( css ) Layout

APLIKASI BERBASIS WEB. Pertemuan 10 Cascading Style Sheet ( css ) Layout. STTI I-Tech Susana Dwi Yulianti , SKom. DIV dalam CSS. D iv (singkat untuk divisi) membagi isi menjadi beberapa bagian individu. 

Download Presentation

Pertemuan 10 Cascading Style Sheet ( css ) Layout

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

More Related