SlideShare ist ein Scribd-Unternehmen logo
1 von 1
Downloaden Sie, um offline zu lesen
CSS Tutorial                                                        rosihanari.net


Struktur Style

Style pada CSS memiliki struktur sebagai berikut




Selector digunakan untuk menentukan pada elemen apa style tersebut diterapkan.
Selector dapat berupa nama id elemen atau nama class. Bagian deklarasi menerangkan
style yang akan dibuat. Bagian ini terdiri dari properti dan value. Properti dapat diisi
dengan jenis warna, ukuran, perataan margin dll, sedangkan value diisi dengan nilai dari
propertinya, misalnya red untuk warna dll. Setiap akhir penulisan properti dan value
harus diakhiri dengan tanda titik koma (semicolon). Tanda ini juga digunakan sebagai
pemisah antar satu properti dengan properti lain.




Apabila Anda lupa memberikan tanda titik koma, maka style tersebut tidak akan
dijalankan oleh browser.

Mungkin Anda bertanya, bagaimana jika kita akan membuat style untuk beberapa elemen
yang berbeda namun stylenya sama? Misalkan kita akan membuat style untuk elemen h1,
h2, h3 namun memiliki style yang sama. Berikut ini adalah sintaksnya:

h1, h2, h3 { properti1 : value1;
             properti2 : value2;
             properti3 : value3;
             .
             .
             .
           }




Struktur Style                                                                        4

Weitere ähnliche Inhalte

Andere mochten auch

Konstantin Präsentation Mainz
Konstantin Präsentation MainzKonstantin Präsentation Mainz
Konstantin Präsentation MainzAndreas Kagermeier
 
Trabajo De Animacion
Trabajo De AnimacionTrabajo De Animacion
Trabajo De AnimacionjayerxD
 
Estructura y-funcion-de-las-plantas
Estructura y-funcion-de-las-plantasEstructura y-funcion-de-las-plantas
Estructura y-funcion-de-las-plantasdiegosernavs
 
Trabalho de biologia 1003 ( gabriel e lucas farias) professora neuilda.
Trabalho de biologia   1003 ( gabriel e lucas farias) professora neuilda.Trabalho de biologia   1003 ( gabriel e lucas farias) professora neuilda.
Trabalho de biologia 1003 ( gabriel e lucas farias) professora neuilda.thaymoreira
 
Guia de investigación numero 1
Guia de investigación numero 1Guia de investigación numero 1
Guia de investigación numero 1micaydina
 
Ciencia de los materiales 2
Ciencia de los materiales 2Ciencia de los materiales 2
Ciencia de los materiales 2jose1905
 
Excel 1er año
Excel 1er añoExcel 1er año
Excel 1er añomicaydina
 
Assessment les 3
Assessment   les 3 Assessment   les 3
Assessment les 3 Linda0347
 
FÁRMACOS FUNDAMENTALES DEL SVCA
FÁRMACOS FUNDAMENTALES DEL SVCAFÁRMACOS FUNDAMENTALES DEL SVCA
FÁRMACOS FUNDAMENTALES DEL SVCASandra Montiel
 
Presentación 100 diapositivas animaciones
Presentación 100 diapositivas animacionesPresentación 100 diapositivas animaciones
Presentación 100 diapositivas animacionesmicaydina
 
Test
TestTest
TestDenwa
 

Andere mochten auch (19)

Konstantin Präsentation Mainz
Konstantin Präsentation MainzKonstantin Präsentation Mainz
Konstantin Präsentation Mainz
 
Trabajo De Animacion
Trabajo De AnimacionTrabajo De Animacion
Trabajo De Animacion
 
Sample2
Sample2Sample2
Sample2
 
Plagio01
Plagio01Plagio01
Plagio01
 
Visita ribeira
Visita ribeiraVisita ribeira
Visita ribeira
 
Estructura y-funcion-de-las-plantas
Estructura y-funcion-de-las-plantasEstructura y-funcion-de-las-plantas
Estructura y-funcion-de-las-plantas
 
Elementos de sociales
Elementos de socialesElementos de sociales
Elementos de sociales
 
Trabalho de biologia 1003 ( gabriel e lucas farias) professora neuilda.
Trabalho de biologia   1003 ( gabriel e lucas farias) professora neuilda.Trabalho de biologia   1003 ( gabriel e lucas farias) professora neuilda.
Trabalho de biologia 1003 ( gabriel e lucas farias) professora neuilda.
 
Relatório Técnico - Contribuições Previdenciárias PLOA 2013
Relatório Técnico - Contribuições Previdenciárias PLOA 2013Relatório Técnico - Contribuições Previdenciárias PLOA 2013
Relatório Técnico - Contribuições Previdenciárias PLOA 2013
 
Guia de investigación numero 1
Guia de investigación numero 1Guia de investigación numero 1
Guia de investigación numero 1
 
Debito tecnico
Debito tecnicoDebito tecnico
Debito tecnico
 
CNSP - audiência pública em SP sobre precatórios
CNSP - audiência pública em SP sobre precatóriosCNSP - audiência pública em SP sobre precatórios
CNSP - audiência pública em SP sobre precatórios
 
Ciencia de los materiales 2
Ciencia de los materiales 2Ciencia de los materiales 2
Ciencia de los materiales 2
 
Excel 1er año
Excel 1er añoExcel 1er año
Excel 1er año
 
Assessment les 3
Assessment   les 3 Assessment   les 3
Assessment les 3
 
FÁRMACOS FUNDAMENTALES DEL SVCA
FÁRMACOS FUNDAMENTALES DEL SVCAFÁRMACOS FUNDAMENTALES DEL SVCA
FÁRMACOS FUNDAMENTALES DEL SVCA
 
Organizaciones internacionales
Organizaciones internacionalesOrganizaciones internacionales
Organizaciones internacionales
 
Presentación 100 diapositivas animaciones
Presentación 100 diapositivas animacionesPresentación 100 diapositivas animaciones
Presentación 100 diapositivas animaciones
 
Test
TestTest
Test
 

Ähnlich wie Css tutorial-02 (15)

Css tutorial-02
Css tutorial-02Css tutorial-02
Css tutorial-02
 
webdesign dasar : 03 html dan css dasar
webdesign dasar : 03 html dan css dasarwebdesign dasar : 03 html dan css dasar
webdesign dasar : 03 html dan css dasar
 
dmi css.pptx
dmi css.pptxdmi css.pptx
dmi css.pptx
 
Pengenalan Dasar Dasar web dengan CSS.docx
Pengenalan Dasar Dasar web dengan CSS.docxPengenalan Dasar Dasar web dengan CSS.docx
Pengenalan Dasar Dasar web dengan CSS.docx
 
Modul Pembelajaran dasar dasar PPLG Pemrograman web
Modul Pembelajaran dasar dasar PPLG Pemrograman webModul Pembelajaran dasar dasar PPLG Pemrograman web
Modul Pembelajaran dasar dasar PPLG Pemrograman web
 
CSS
CSSCSS
CSS
 
Pertemuan 8 a
Pertemuan 8 aPertemuan 8 a
Pertemuan 8 a
 
Pertemuan 8 a
Pertemuan 8 aPertemuan 8 a
Pertemuan 8 a
 
chap CSS.pptx
chap CSS.pptxchap CSS.pptx
chap CSS.pptx
 
Praktikum Dasar-Dasar CSS.pdf
Praktikum Dasar-Dasar CSS.pdfPraktikum Dasar-Dasar CSS.pdf
Praktikum Dasar-Dasar CSS.pdf
 
CSS
CSSCSS
CSS
 
webdesign dasar : 04 elemen dan semantik
webdesign dasar : 04 elemen dan semantikwebdesign dasar : 04 elemen dan semantik
webdesign dasar : 04 elemen dan semantik
 
Css
CssCss
Css
 
Materi CSS Dasar
Materi CSS DasarMateri CSS Dasar
Materi CSS Dasar
 
Laporan pbw
Laporan pbwLaporan pbw
Laporan pbw
 

Mehr von Dani Imansyah (20)

Tutorial joomla1.5.x
Tutorial joomla1.5.x Tutorial joomla1.5.x
Tutorial joomla1.5.x
 
Tutorial lan
Tutorial lanTutorial lan
Tutorial lan
 
Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
Css tutorial-18
Css tutorial-18Css tutorial-18
Css tutorial-18
 
Css tutorial-17
Css tutorial-17Css tutorial-17
Css tutorial-17
 
Css tutorial-16
Css tutorial-16Css tutorial-16
Css tutorial-16
 
Css tutorial-15
Css tutorial-15Css tutorial-15
Css tutorial-15
 
Css tutorial-14
Css tutorial-14Css tutorial-14
Css tutorial-14
 
Css tutorial-13
Css tutorial-13Css tutorial-13
Css tutorial-13
 
Css tutorial-12 2
Css tutorial-12 2Css tutorial-12 2
Css tutorial-12 2
 
Css tutorial-12
Css tutorial-12Css tutorial-12
Css tutorial-12
 
Css tutorial-11
Css tutorial-11Css tutorial-11
Css tutorial-11
 
Css tutorial-10
Css tutorial-10Css tutorial-10
Css tutorial-10
 
Css tutorial-09
Css tutorial-09Css tutorial-09
Css tutorial-09
 
Css tutorial-08
Css tutorial-08Css tutorial-08
Css tutorial-08
 
Css tutorial-07
Css tutorial-07Css tutorial-07
Css tutorial-07
 
Css tutorial-06
Css tutorial-06Css tutorial-06
Css tutorial-06
 
Css tutorial-05
Css tutorial-05Css tutorial-05
Css tutorial-05
 
Css tutorial-04
Css tutorial-04Css tutorial-04
Css tutorial-04
 

Css tutorial-02

  • 1. CSS Tutorial rosihanari.net Struktur Style Style pada CSS memiliki struktur sebagai berikut Selector digunakan untuk menentukan pada elemen apa style tersebut diterapkan. Selector dapat berupa nama id elemen atau nama class. Bagian deklarasi menerangkan style yang akan dibuat. Bagian ini terdiri dari properti dan value. Properti dapat diisi dengan jenis warna, ukuran, perataan margin dll, sedangkan value diisi dengan nilai dari propertinya, misalnya red untuk warna dll. Setiap akhir penulisan properti dan value harus diakhiri dengan tanda titik koma (semicolon). Tanda ini juga digunakan sebagai pemisah antar satu properti dengan properti lain. Apabila Anda lupa memberikan tanda titik koma, maka style tersebut tidak akan dijalankan oleh browser. Mungkin Anda bertanya, bagaimana jika kita akan membuat style untuk beberapa elemen yang berbeda namun stylenya sama? Misalkan kita akan membuat style untuk elemen h1, h2, h3 namun memiliki style yang sama. Berikut ini adalah sintaksnya: h1, h2, h3 { properti1 : value1; properti2 : value2; properti3 : value3; . . . } Struktur Style 4