Mengenal Lebih Tentang CSS [PART 1] - Sintaks CSS

Tentang Sintaks CSS

+++Berikut mungkin adalah daftar sintaks css yang mungkin bisa saya share ke pada anda kamu dan loe , yah  walaupun sedikit tapi mudah mudahan bermanfaat buat kalian yang pengen lebih ingin paham tentang CSS sperti huruf yang saya tulis ini contoh nya ++++


<span style="color: #00ccff;"><b>Tulisan tadi</b></span><br />

• padding, adalah syntax yang berfungsi untuk merubah jarak lapisan dalam atara bidang dengan isi bidang yang ada didalam bidang tersebut (dengan merubah padding dari sebuah bidang maka akan merubah nilai width dan height dari bidang tersebut)

cara penulisan: 

1.padding: 10px;

• border, adalah syntax yang berfungsi untuk membuat garis batas pinggir sebuah bidang (dengan membuat border pada sebuah bidang akan berpengaruh terhadap nilai width dan height bidang tersebut).

cara penulisan: 

1.border: 1px solid #000000;

penjelasan:
1px merupakan ukuran border (bisa dirubah sesuai dengan keinginan)
solid merupakan style tampilan border (ada beberapa style untuk border antaranya yang sering digunakan adalah: solid, dashed, double)
#000000 merupakan warna border berwarna hitam (warna bisa anda rubah sesuai dengan kekinginan, untuk mendapatkan kode warna bisa anda dapatkan pada tool generator color disini)

cara penulisan lain, apabila anda hanya ingin mebuat border di bagian tertentu pada sebuah bidang, berikut syntax yang anda gunakan:

1.border-top: 1px solid #000000;

(memerintahkan untuk memberi border pada bagian atas (top) bidang saja)

1.border-right: 1px solid #000000;

(memerintahkan untuk memberi border pada bagian kiri (right) bidang saja)

1.border-bottom: 1px solid #000000;

(memerintahkan untuk memberi border pada bagian bawah (bottom) bidang saja)

• color, adalah syntax yang berfungsi untuk merubah tampilan warna tulisan.

cara penulisan: 

1.color: #000000;

#000000 merupakan kodewarna hitam, ganti kode warna tersebut sesuai dengan keinginan anda (untuk mendapatkan kode warna bisa anda dapatkan pada tool generator color disini)

• font- size, adalah syntax yang berfungsi untuk merubah ukuran tulisan.

cara penulisan: 

1.font-size: 12px;

maka font-size memerintahkan bahwa ukuran tulisan dalam bidang tersebut adalah 12 dalam ukuran pixel

• font-family, adalah syntax yang berfungsi untuk merubah model tulisan

cara penulisan: 

1.font-family: Arial, Times, Georgia;

maka font-family memerintahkan bahwa style tulisan dalam bidang tersebut adalah Arial, untuk dua style tulisan (Times, Georgia) dibelakangnya merupakan style alternatif apa bila font Arial pada sebuah komputer tidak terdeteksi maka akan diganti dengan font Times. begitu seterusanya. (sebuah komputer disini adalah komputer yang dimiliki oleh visitor/pengunjung situs anda)

Source: blog.uad.ac.id