CSS - Revision history

Kangtain: /* Terkait */

2022-11-17T06:58:04Z

Terkait

← Older revision		Revision as of 13:58, 17 November 2022
Line 48:		Line 48:

	==Terkait==		==Terkait==
	*[[Perbedaan antara px, rem dan em?]]		*[[Perbedaan antara px, rem dan em]]

	== Source ==		== Source ==

Kangtain: /* Sintaks CSS */

2022-11-17T06:55:12Z

Sintaks CSS

← Older revision		Revision as of 13:55, 17 November 2022
Line 27:		Line 27:
	</syntaxhighlight>		</syntaxhighlight>

	*Dalam contoh di atas, aturan CSS dibuka dengan selector. Ini memilih elemen HTML yang akan kita modifikasi. Dalam hal ini, menata heading level satu (<h1>).		*Dalam contoh di atas, aturan CSS dibuka dengan selector. Ini memilih elemen HTML yang akan kita modifikasi. Dalam hal ini, menata heading level satu (<code><nowiki><h1></nowiki></code>).
	*Kemudian memiliki satu set kurung kurawal <code>{}</code>.		*Kemudian memiliki satu set kurung kurawal <code>{}</code>.
	*Di dalam kurung kurawal akan ada satu atau lebih deklarasi, yang berbentuk pasangan properti dan nilai. Kita menentukan properti (warna dalam contoh di atas) sebelum titik dua, dan menentukan nilai properti setelah titik dua (merah dalam contoh ini).		*Di dalam kurung kurawal akan ada satu atau lebih deklarasi, yang berbentuk pasangan properti dan nilai. Kita menentukan properti (warna dalam contoh di atas) sebelum titik dua, dan menentukan nilai properti setelah titik dua (merah dalam contoh ini).
	*Contoh ini berisi dua deklarasi, satu untuk warna dan yang lainnya untuk ukuran font. Setiap pasangan menentukan properti dari elemen yang kita pilih (<code><h1></code> dalam kasus ini), kemudian nilai yang ingin kita berikan pada properti tersebut.		*Contoh ini berisi dua deklarasi, satu untuk warna dan yang lainnya untuk ukuran font. Setiap pasangan menentukan properti dari elemen yang kita pilih (<code><nowiki><h1></nowiki></code> dalam kasus ini), kemudian nilai yang ingin kita berikan pada properti tersebut.

	Properti CSS memiliki nilai yang diizinkan berbeda, bergantung pada properti mana yang ditentukan. Dalam contoh ini, memiliki properti warna, yang dapat mengambil berbagai nilai warna. juga memiliki properti font-size. Properti ini dapat mengambil berbagai unit ukuran sebagai nilai.		Properti CSS memiliki nilai yang diizinkan berbeda, bergantung pada properti mana yang ditentukan. Dalam contoh ini, memiliki properti warna, yang dapat mengambil berbagai nilai warna. juga memiliki properti font-size. Properti ini dapat mengambil berbagai unit ukuran sebagai nilai.

Kangtain at 06:52, 17 November 2022

2022-11-17T06:52:31Z

← Older revision		Revision as of 13:52, 17 November 2022
Line 1:		Line 1:
			'''CSS''' (''Cascading Style Sheets'') memungkinkan Anda membuat halaman web yang tampak hebat, tetapi bagaimana cara kerjanya? Artikel ini menjelaskan apa itu CSS dengan contoh sintaks sederhana dan juga mencakup beberapa istilah kunci tentang bahasa tersebut.

			Dalam modul Pengenalan HTML, telah membahas apa itu HTML dan bagaimana HTML digunakan untuk menandai dokumen. Dokumen-dokumen ini akan dapat dibaca di browser web. Judul akan terlihat lebih besar dari teks biasa, paragraf pecah menjadi baris baru dan memiliki spasi di antaranya. Tautan diwarnai dan digarisbawahi untuk membedakannya dari teks lainnya. Apa yang Anda lihat adalah gaya default browser — gaya yang sangat mendasar — yang diterapkan browser ke HTML untuk memastikan bahwa halaman pada dasarnya dapat dibaca meskipun tidak ada gaya eksplisit yang ditentukan oleh pembuat halaman.

			Namun, web akan menjadi tempat yang membosankan jika semua situs web terlihat seperti itu. Dengan menggunakan CSS, Anda dapat mengontrol dengan tepat bagaimana elemen HTML terlihat di browser, menampilkan markup Anda menggunakan desain apa pun yang Anda suka.

			==Untuk apa CSS-nya?==
			Seperti yang telah kami sebutkan sebelumnya, CSS adalah bahasa untuk menentukan bagaimana dokumen disajikan kepada pengguna — bagaimana mereka ditata, dll.

			Dokumen biasanya berupa file teks yang terstruktur menggunakan bahasa markup — HTML adalah bahasa markup yang paling umum, tetapi Anda mungkin juga menemukan bahasa markup lain seperti SVG atau XML.

			Menyajikan dokumen kepada pengguna berarti mengubahnya menjadi bentuk yang dapat digunakan oleh audiens Anda. Browser, seperti Firefox, Chrome, atau Edge, dirancang untuk menyajikan dokumen secara visual, misalnya, di layar komputer, proyektor, atau printer.

			CSS dapat digunakan untuk penataan teks dokumen yang sangat mendasar — misalnya, untuk mengubah warna dan ukuran judul dan tautan. Ini dapat digunakan untuk membuat tata letak — misalnya, mengubah satu kolom teks menjadi tata letak dengan area konten utama dan bilah sisi untuk informasi terkait. Bahkan dapat digunakan untuk efek seperti animasi. Lihat tautan di paragraf ini untuk contoh spesifik.

			==Sintaks CSS==

			CSS adalah bahasa berbasis aturan — Anda menentukan aturan dengan menentukan grup gaya yang harus diterapkan ke elemen atau grup elemen tertentu di halaman web Anda.

			Misalnya, Anda dapat memutuskan untuk menampilkan judul utama pada halaman Anda sebagai teks merah besar. Kode berikut menunjukkan aturan CSS yang sangat sederhana yang akan mencapai gaya yang dijelaskan di atas:

			<syntaxhighlight lang="css">
			h1 {
			color: red;
			font-size: 5em;
			}
			</syntaxhighlight>

			*Dalam contoh di atas, aturan CSS dibuka dengan selector. Ini memilih elemen HTML yang akan kita modifikasi. Dalam hal ini, menata heading level satu (<h1>).
			*Kemudian memiliki satu set kurung kurawal <code>{}</code>.
			*Di dalam kurung kurawal akan ada satu atau lebih deklarasi, yang berbentuk pasangan properti dan nilai. Kita menentukan properti (warna dalam contoh di atas) sebelum titik dua, dan menentukan nilai properti setelah titik dua (merah dalam contoh ini).
			*Contoh ini berisi dua deklarasi, satu untuk warna dan yang lainnya untuk ukuran font. Setiap pasangan menentukan properti dari elemen yang kita pilih (<code><h1></code> dalam kasus ini), kemudian nilai yang ingin kita berikan pada properti tersebut.

			Properti CSS memiliki nilai yang diizinkan berbeda, bergantung pada properti mana yang ditentukan. Dalam contoh ini, memiliki properti warna, yang dapat mengambil berbagai nilai warna. juga memiliki properti font-size. Properti ini dapat mengambil berbagai unit ukuran sebagai nilai.

			Sebuah stylesheet CSS akan berisi banyak aturan seperti itu, yang ditulis satu demi satu.

			<syntaxhighlight lang="css">
			h1 {
			color: red;
			font-size: 5em;
			}

			p {
			color: black;
			}
			</syntaxhighlight>

	==Terkait==		==Terkait==
	*[[Perbedaan antara px, rem dan em?]]		*[[Perbedaan antara px, rem dan em?]]

Kangtain at 06:41, 17 November 2022

2022-11-17T06:41:17Z

← Older revision		Revision as of 13:41, 17 November 2022
Line 1:		Line 1:
	==Terkait==		==Terkait==
	*[[Perbedaan antara px, rem dan em?]]		*[[Perbedaan antara px, rem dan em?]]

			== Source ==

			* [https://developer.mozilla.org/en-US/docs/Web/CSS mozilla.org]

	[[Category:Pemrograman]]		[[Category:Pemrograman]]
	[[Category:CSS]]		[[Category:CSS]]

Kangtain at 10:41, 15 November 2022

2022-11-15T10:41:11Z

← Older revision		Revision as of 17:41, 15 November 2022
Line 1:		Line 1:
	==Terkait==		==Terkait==
	*[[Perbedaan antara px, rem dan em?]]		*[[Perbedaan antara px, rem dan em?]]
			[[Category:Pemrograman]]
			[[Category:CSS]]

Kangtain: Created page with "==Terkait== *Perbedaan antara px, rem dan em?"

2022-11-15T10:40:40Z

Created page with "==Terkait== *Perbedaan antara px, rem dan em?"

New page

==Terkait==
*[[Perbedaan antara px, rem dan em?]]