Apa Itu CSS? Pengertian dan Penggunaan CSS - MamiGoNet

Apa Itu CSS? Pengertian dan Penggunaan CSS


Apa Itu CSS?

CSS atau Cascading Style Sheet adalah kumpulan sebuah kode-kode yang bertujuan untuk penambahan hiasan atau digunakan untuk mengatur gaya tampilan sebuah halaman web yang nantinya halaman web tersebut bisa lebih elegan dan menarik. Kalo dilihat dari sumber wikipedia CSS Adalah “Kumpulan kode yang digunakan untuk mendefinisikan desai dari bahasa markup” nah salah satu bahasa markup adalah HTML.

Pengertian dan Penggunaan CSS
Cascading Style Sheet

CSS sendiri biasanya digabungkan dengan HTML, karena keduanya memang merupakan bahasa yang saling melengkapi. HTML atau bahasa Markup ini sebenarnya hanya digunakan untuk membuat sebuah struktur atau data (konten) dari halam sebuah web, dan sedangkan CSS sendiri digunakan untuk merubah atau mengatur tampilan dari halaman web tersebut. Jadi kedua bahasa tersebut saling berkaitan.
Fungsi Dan Pengunaan CSS
Kebutuhan dari halaman sebuah web yang semakin kompleks ini membuat munculnya CSS, dulu ketika muncul HTML kita bisa membuat sebuah paragraf berwarna, Sebagai contoh kita membuat paragraf dengan memberi warna Merah, kita tinggal menambahkan saja tag <font> dan atribut color. Sebagai contoh di bawah ini.

<!DOCTYPE html>
<html>
<head>
      <title>Test Tag Font HTML</title>
</head>
<body>
  <p>
  <font color="red">
MamiGoNet: Belajar Jaringan Dan Linux Server yang membahas mengenai pengertian, tutorial atau cara-cara konfigurasi jaringan dan linux server, disini kami hanya sharing yang kami ketahui saja. Semoga dengan adanya blog ini bisa bermanfaat bagi kalian semua, meskipun blog ini banyak sekali kekurangan entah itu dari segi pengetahuan atau dari segi blognya sendiri saya selaku admin blog ini mohon maaf yang sebesar-besarnya.
  </font>.
  </p>
</body>
</html>

Hasil dari File HTML di atas sebagai Berikut :


Hasil di atas hanya menggunakan HTML saja dan menggunakan tag <font> dan atribut color untuk membuat paragraf di atas menjadi merah, tetapi di dalam sebuah Halaman web pasti memili konten atau data yang banyak sekali, dan warnanya pun juga banyak dan tentunya berbeda maka akan menjadi sangat lama sekali dan melelahkan, dengan hal tersebutlah CSS digunakan yaitu untuk memisahkan tampilan dari konten. Untuk penerapannya seperti di bawah ini.

<!DOCTYPE html>
<html>
<head>
   <title>Test Background Color CSS</title>
<style type="text/css">
     .warna {
       color: red;
     }
   </style>
</head>
  
<body>
    <p>Dengan CSS
 <span class=warna>
MamiGoNet: Belajar Jaringan Dan Linux Server yang membahas mengenai pengertian, tutorial atau cara-cara konfigurasi jaringan dan linux server, disini kami hanya sharing yang kami ketahui saja. Semoga dengan adanya blog ini bisa bermanfaat bagi kalian semua, meskipun blog ini banyak sekali kekurangan entah itu dari segi pengetahuan atau dari segi blognya sendiri saya selaku admin blog ini mohon maaf yang sebesar-besarnya.

</span>.
    </p>
</body>
</html>

 Keterangan : Warna merah di atas merupakan CSSnya

hasil dari Kode di atas :



Di atas merupakan contoh penggunaan CSS dan dalam contoh di atas tag <font> saya ganti dengan tag <span>, tag <span> ini biasa digunakan di dalam CSS meskipun tidak memiliki arti apa-apa. Dan di dalam tag <span> saya tambahkan atribut class=”warna”. Atribut class ini berfungsi untuk memasukan kode CSS atau memanggil kode CSS yang ada buat di Atas atau di bawah kode <head> di dalam tag <style> jika anda ingin merubah warna anda tinggal saja ganti kode css nya dari color:red menjadi color:yellow misal kuning.

Yaps Mungkin itu dulu mengenai CSS untuk hal lainnya akan kami sampaikan di postingan berikutnya, jika belum jelas dengan adanya artikel ini anda bisa berkomentar di kolom konetar bawah, Sekian dan Terima Kasih.

Berlangganan update artikel terbaru via email:

0 Response to "Apa Itu CSS? Pengertian dan Penggunaan CSS"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel