Pengertian CSS dan Fungsinya | Kita Ngoding CSS #01

Pengertian CSS dan Fungsinya.- Tutorial CSS pertama yang akan admin bahas pada blog ini yaitu mengenai Apa itu CSS? dan Apa Fungsi CSS pada HTML?.

Mengetahui pengertian CSS dan fungsinya, tentu menjadi hal dasar yang perlu diketahui oleh setiap programer khususnya bagi seorang Web Develover.

Oleh karena, admin ingin membahas Apa itu CSS dan Fungsi CSS dalam suatu website berdasarkan pengetahuan dan segumpal pengalaman serta kemampuan admin. 😁😁😁

Pengertian CSS dan Fungsinya | Kita Ngoding CSS #01 |

Apa Itu CSS ?

Pengertian CSS adalah kepanjangan dari Cascading Style Sheets yang berguna dalam menyederhanakan proses pembuatan website dengan cara mengatur element-element HTML yang telah ditulis.

Seorang front end website diwajibkan untuk memiliki pengetahuan yang luas tentang CSS. Kenapa?, karena CSS dipakai untuk mendesain setiap halaman pada website terutama halaman depan. Tidak hanya itu, CSS juga dapat mengatur warna teks, jenis font, baris antar paragraf, ukuran kolom, jenis background yang dipakai dan masih banyak lagi.

Beberapa kelebihan dari CSS adalah karena sangat mudah dipelajari, sangat powerfull dalam mengontrol tampilan dari dokument HTML.

Baca Juga : Pengenalan HTML Dasar

Fungsi CSS

Dari pengertian CSS diatas, sahabat mungkin sudah mendapatkan gambaran tentang apa itu CSS berserta fungsinya.

Fungsi CSS adalah mengatur tampilan website mulai dari warna, backgrounds, borders, margins, font dan lain sebagainya sehingga terlihat lebih menarik untuk dilihat.

Singkatnya, jika HTML adalah pondasi dari sebuah website maka CSS adalah property untuk mengatur tampilan dari website itu sendiri.

Contoh CSS Pada HTML

Sebelum memulai menulis syntax css, kita perlu tahu dulu penempatan menulis syntax css itu sendiri. Ada Tiga Macam Penempatan CSS antara lain :

Inline CSS yaitu : Menempatkan kode CSS secara langsung di satu element HTML, sehingga hanya akan berpengaruh terhadap satu element tersebut.
Internal CSS yaitu : Menempatkan kode CSS pada bagian tag head, cara ini dapat digunakan oleh element-element yang ada pada satu halaman.
External CSS yaitu : Menempatkan kode CSS pada file.css sehingga kita perlu memanggil kode tersebut sebelum diaplikasikan ke halaman html kita.

Baca Juga : Selector Pada CSS

Contoh CSS Inline

<h1 style="font-size: 30px; color: blue;">Kita Ngoding CSS Dasar</h1>

Untuk contoh diatas, kita langsung memberikan kode CSS ke tag h1.

Contoh CSS Internal

<head>
    <style>
    Body  { background-color:blueviolet;  }
    P  { font-size:25px;  color:mediumblue;  }
    </style>
</head>

Untuk kasus diatas, kita memberikan kode CSS di dalam tag <head>...</head>.

Baca Juga : Code Warna Dalam CSS

Contoh CSS External

<head>
    <link rel="stylesheet"  type="text/css"  href=fileCSSAnda.css">
</head>

Untuk contoh css external di atas. kita mengambil kode css dari sebuah file tertentu yang memang di dalamnya terdapat kode css yang kita butuhkan. Cara ini dapat kita lakukan untuk menghemat waktu dalam mendesain tampilan halaman website yang cukup banyak.

Jadi sampai disini kita telah belajar tentang Apa Itu CSS, Fungsi CSS, dan Contoh CSS.

Untuk bahasan selanjutnya kita akan belajar tentang struktur syntax css.

Jangan lupa untuk menjungi link dibawah ini, untuk belajar lebih banyak lagi tentang CSS.

Pengertian CSS dan Fungsinya | Kita Ngoding CSS #01 |

Apa Itu CSS ?

Fungsi CSS

Contoh CSS Pada HTML

Contoh CSS Inline

Contoh CSS Internal

Contoh CSS External

1 Response to "Pengertian CSS dan Fungsinya | Kita Ngoding CSS #01 | "

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel