Sabtu, 04 Februari 2017

CSS: Mengenal CSS



Assalamu'alaikum wr.wb
 
Apa itu CSS..??

 CSS (Cascading Style Sheet) adalah sebuah document yang digunakan untuk menangani pengaturan halaman web. Document ini tidak dapat di sebut sebagai bahasa pemprograman, melainkan sebuah desain berbasiskan scripting yang embeded pada tag HTML. jadi, CSS merupakan sebuah pengembangan document yang dapat melakukan dukungan terhadap HTML dalam mendesain sebuah web.

CSS mempunyai kemampuan yang sangat hebat. Dengan menggunakan satu halaman document CSS kita dapat mengontrol desain pada semua halaman web yang ada pada portal yang kita miliki. Inilah yang mengakibatkan document CSS juga sering digunakan sebagai document pendukung template.

Kemampuan lain yang dimiliki CSS adalah dapat menciptakan fungsi-fungsi yang di kolaborasikan dengan JavaScript, sehingga semua bentuk animasi ataupun event yang dilakukan oleh JavaScript dapat dipadukan dengan desain CSS.

Selain itu CSS juga dapat menggantikan fungsi tabel, hal tersebut sangat bermanfaaat bagi kita yang hendak mengembangkan sistem informasi maupun sistem komputasi yang menuntut kecepatan dan keindahan desain yang dapat selalu berubah tanpa harus merombak semua yang sudah ada.

Dalam HTML mengenal tiga macam cara /teknik dalam penulisan Document Style Sheet (CSS), yakni sebagai berikut :

 1. External Style Sheet
 Atau sering di sebut dengan istilah Linking Style Sheet. teknik penulisannya di tulis dalam sebuah document tersendiri yang kita panggil menggunakan link. teknik pemanggilanya kita deklarasikan di dalam tag HEAD.

 Misal : <link rel = “stylesheet” type=”text/css” href=”css_file.css”>


2. Internal Style Sheet
 Atau sering di sebut Embeding Style Sheet adalah metodhe penulisan dokument style CSS pada satu halaman HTML. document ini di letakkan bercampur dengan tag HTML yang di baca di antara tag <HEAD>…</HEAD> yang biasanya penulisan CSS dengan <STYLE>


 3. Inline Style Sheet
 Inline Style Sheet adalah sebuah metodhe penulisan CSS langsung pada component tag HTML. Jadi dengan metodhe ini kita harus meletakkan efek-efek yang kita inginkan di dalam setiap tag HTML yang kita inginkan.

Misal : <h1 style="color:blue;margin-left:30px;">This is a heading.</h1>


Sekian artikel kali ini, Semoga bermanfaat..!!!

Wassalamu'alaikum wr.wb


EmoticonEmoticon