Pengertian Fungsi Dan Perintah Dasar CSS Pengertian Fungsi Dan Perintah Dasar CSS Pengertian Fungsi Dan Perintah Dasar CSS

Pengertian Fungsi Dan Perintah Dasar CSS



Pada kesempatan kali ini saya ingin membahas tentang perintah-perintah dalam CSS. Belajar CSS kini sangat mudah karena banyak sekali sumber informasi yang dapat kita peroleh. Melalui internet kita dapat menemukan banyak sekali contoh penggunakan CSS berserta penulisanya. Saya ingin menjelaskan sedikit mengernai CSS,sebelum kita membahas perintah dalam CSS kita uraikan terlebih dulu yuk apa sih CSS.

Pengertian CSS 

CSS (Cassading Style Sheet) merupakan suatu rangkaian instruksi yang menentukan suatu text dapat ditampilkan di halaman website. CSS adalah suatu bahasa desain web atau pemrogaman yang mampu mengontrol format tampilan sebuah halaman website yang ditulis menggunakan markup language. 

Fungsi CSS 

Fungsi dari CSS yaitu untuk mendesain, merubah, merancang dan membentuk halaman website dan isi  halaman web berupa tag-tag html. Jadi CSS mengubah html yang sederhana menjadi lebih fungsional dan juga menarik. 

Perintah dasar CSS

CSS memiliki 3 cara untuk menuliskan perintah yaitu sebagai beriku: 

1                               1. Eksternal Style Sheet 

Eksternal style sheet digunakan untuk haaan websiteyang sangatbanyak. Apbia ingin mengubah tampilan website hanya dengan mengedit/mengubah file CSS tersebut. Saat ingin menggunakan maka setiap halaman harus diberikan ink ke style sheet menggunakan tag ink. Berikut penulisan tag ink yang dietakkan dibagian head.

<head>
<link rel=”stylesheet” type=”text/css” hreff=”styl.css”>
</head>
Keterangan : style.css yaitu nama fie style sheet (CSS) file tersebut ditulis menggunakan perintah CSS tanpa ada tag html. Serta disipan menggunakan ekstensi css. Berikut adaah contoh dari file style CSS

Hr {color: sienna:}
P {margin-left: 200x:}
Body {background-image: url (“images/back10.gif”:}



                           2. Internal Style Sheet
      Perintah dalam CSS akan didefinisikan langsung pada bagian html, berikut contoh penulisan             menggunakan tag style :

<head>
<style>
Hr {color: sienna:}
P {margin-left: 200x:}
Body {background-image: url (“images/back10.gif”:}
</style>
</head>



3             3. Inline Style 

Adalah perintah dalam CSS yang didefinisikan langsung pada tag html. Cara ini digunakan apabila perintah CSS yang didefinisikan sangatlah pendek. Berikut contoh penulisan untuk menambah warna dan margin pada paragraph

<pstye=”coor:sienna;argineft:20px”>perintah dasar CSS.</p>

Nah itu adalah penjelasan secara singkat mengenai CSS, semoga dapat langsung dipraktekkan dan menjadi salah satu awal yang untuk mengenal CSS lebih dalam. semoga penjelasan diatas dapat bermanfaat dan berguna serta menambah wawasan dalam dunia website. Jika ada salah kata atau kalimat saya mohon maaf. Sekian dan terimakasih 


Nur Muhammad Al Amin

Posting Komentar

0 Komentar