Syntax CSS dan Fungsinya

Selamat sore gan, oke hari ini ane admin yang paling kece akan berbagi materi Syntax CSS beserta Fungsinya, oke perkenalan dulu dengan CSS.

Apa itu CSS? 
CSS Merupakan kependekan dari Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

berikut perkenalan singkat tentang CSS, sekarang langsung aja yo ke materi kita,dan ane saranin untuk belajar syntax css ini kalian harus pahami jangan di hafal karna kalau di hafal itu hanya sementara dan selanjutnya lupa, jadi kalian harus pahami konsep tersebut, jika kalian pahami konsep sampai kapanpun kalian tidak akan lupa karna kalian mengerti akan konsepnya.

  dan berikut adalah Kumpulan Syntax CSS3 yang paling sering digunakan untuk dasar coding.

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time.

yang pertama adalah :

Body  : Ini fungsinya untuk mengatur body atau page Web

Div    : Div atau Division berfungsi untuk menyatukan selector lain bisa di sebut group page dan akan membuat baris baru.

Span  : Tak jauh beda dengan Div, Span juga hampir sama dengan fungsi Div. Namun bedanya span tidak akan membuat baris baru.

Iframe : Jika kita ingin menampilkan website lain di web kita sendiri, maka digunakan lah Iframe.

H1, H2, H3, H4, H5, H6

H atau Heading merupakan syntax yang digunakan untuk menandai sebuah kalimat, sekaligus memberitahu kepada search engine bahwa kalimata tersebut adalah Heading kalimat yang berukuran besar dan tebal.

contoh syntax css : 

h3{
      font-size:19px;
      color:blue;
      font-weight:bold;
}

 Syntax yang sama dengan penulisan berbeda (fungsi tetap sama!)

h3{font-size:19px;color:blue;font-weight:bold;}

Selector	Property	Value
h3	font-size	19px
	color	blue
	font-weight	bold

contoh lainnya bisa di lihat di bawah ini :

div{
      width:200px;
      height:200px;
      background:yellow;
      border:5px solid blue;
      margin:20px 10px;
      border-radius:12px;
}

masih banyak syntax lain dan bisa kalian kembangkan dengan membaca ebook pembahasan CSS di buku atau di website lain,ini hanya memperkenalkan CSS kepada kalian semua yang baru belajar CSS.