Sumber Informasi

Menyediakan berbagai informasi yang menarik dan bermanfaat serta belajar bersama secara online

Translate This Page UK flag | Mobile Version

Mengenal CSS

1CSS
css logoPada postingan sebelumnya kita sudah Mengenal HTML khususnya bagi yang belum kenal. Sebelum kita membahas lebih jauh tentang tag/kode HTML maupaun script CSS, alangkah baiknya terlebih dulu kita Mengenal CSS karena tidak lengkap rasanya kalau kita belum mengenal CSS khususnya pada kategori css dan html ini.

Agar mudah di pahami apa itu sebenarnya CSS, Sumber Informasi sendiri mengibaratkannya sebagai baju untuk sebuah website. CSS digunakan untuk mempercantik halaman, menentukan warna, jenis atau tata letak text dan berbagai aspek tampilan suatu halaman website sesuai dengan keinginan pembuatnya.

CSS merupakan singkatan dari Cascading Style Sheet
Ada 3 cara untuk menuliskan CSS
1. Internal CSS
2. Inline CSS
3. External CSS

1. Internal CSS
Menuliskan langsung script CSS
di file HTML nya dan dituliskan di antara tag
1<head> //* script css disini *//</head>

perhatikan contoh sederhana ini
[code]

//* script css *//



AYO BELAJAR CSS ! ! !

Belajar css bersama "Sumber Informasi"




[/code]

2. Inline
InLine CSS yaitu penulisan kode CSS di dalam tag [code] //* script css disini *//
[/code] atau
langsung ditulis bersama elemen HTML nya (langsung ditulis di dalam isi file HTML).
[code]



//* script css di satukan dengan tag html *//


Mari belajar CSS bersama "Sumber Informasi"!!



[/code]

3. External CSS
External CSS yaitu menulis / membuat file CSS sendiri secara terpisah, cara menggunakannya adalah dengan memanggil file CSS tersebut dengan menggunakan kode seperti ini :
1<link rel="stylesheet" type="text/css" href="alamat URL file CSS">

Kode pemanggil file CSS tersebut diletakkan
di antara tag [code] //* code pemanggil file css disini *//
.[/code]

Oleh karena External CSS atau script CSS terpisah dari file HTML, maka kita harus membuat file CSS dan harus berakhiran dengan ".css" tanpa tanda kutip. Contoh: css_buatanku.css
perhatikan contoh sederhana ini
[code]

//* code pemanggil file css *//



Situs Saya



bla. . .bla . .bla . .


[/code]

Nah.. Dengan artikel yang sederhana ini semoga dapat membantu anda. Setelah berbagi artikel Mengenal CSS ini, Sumber Informasi akan berbagi beberapa script CSS masing-masing untuk situs tertentu di postingan berikutnya.
Semoga bermanfaat.

Artikel Terkait

Tulis Komentar



Untuk mendapatkan artikel terbaru segera Daftarkan Email Anda.

Comments

Tulis Komentar di artikel Mengenal CSS
Nama :

Surel :

Situs url :

Komentar :

Kode : 7xrq6


Bbcode HIDUP | Smiley HIDUP
Pencarian

Blog Judul Komentar
 
Arsip
Statistik
Online : 7
Hits: 1156/5328981
Hosts: 195/1730739