Pengenalan CSS

30 Jul 2020

Pengenalan CSS

CSS adalah C ascading S tyle S sheets
Style sheet eksternal bisa dipakai di banyak halaman web
Style sheet eksternal disimpan dalam file CSS

Apa Itu CSS?

CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang dimaksud adalah, aliran dari suatu kode ke kode lain yang saling berhubungan.

Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.

Keuntungan Penggunaan CSS

Jika anda memiliki beberapa halaman website dimana anda menggunakan font arial untuk tulisannya, lalu suatu hari anda bosan dengan arial dan ingin mengganti ke trebuchet , anda harus mengubah satu per satu halaman website anda dan mengubah jenis font dari arial menjadi trebuchet .

Dengan menggunakan css, dimana semua halaman web menggunakan css yang sama, anda cukup mengubah satu baris kode css untuk mengubah font di semua halaman web dari arial ke trebuchet .

Jadi, keuntungan menggunakan CSS, lebih praktis!

Kekurangan Penggunaan CSS

Normal
0

false
false
false

EN-US
X-NONE
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Table Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:””;
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin-top:0in;
mso-para-margin-right:0in;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0in;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:”Times New Roman”;
mso-bidi-theme-font:minor-bidi;}

Tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang lain. Jadi anda harus memeriksa tampilan agar terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang diperlukan agar tampilan web anda terlihat baik di semua browser.

Sintaks CSS

CSS mempunyai 2 bagian : selector dan satu atau banyak deklarasi :

Normal
0

false
false
false

EN-US
X-NONE
X-NONE

Selector biasanya elemen HTML . Setiap deklarasi terdiri dari properti dan nilai. Properti adalah gaya atribut yang ingin Anda ubah . Setiap properti memiliki nilai .

v:* {behavior:url(#default#VML);}
o:* {behavior:url(#default#VML);}
w:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}

Normal
0
false

false
false
false

EN-US
X-NONE
X-NONE

SEVIMA: Santai Saja

Baca juga:

Diposting Oleh:

Fadhol SEVIMA

Tags:

css

Mengenal SEVIMA

SEVIMA merupakan perusahaan Edutech (education technology) yang telah berkomitmen sejak tahun 2004 dalam menyelesaikan kendala kerumitan administrasi akademik di pendidikan tinggi (Universitas, Sekolah Tinggi, Institut, Politeknik, Akademi, dll.) dengan 99% keberhasilan implementasi melalui SEVIMA Platform.

Jadwalkan Diskusi