Senin, 13 Maret 2023

Pengertian bahasa pemrograman CSS apasih CSS itu?

Bahasa pemrograman CSS



  CSS adalah bahasa pemrograman yang wajib di ketahui sebelum anda masuk membuat website,karena CSS berfugsi sebagai mempercantik tampilan sebuah website. buat kalian yang ingin belajar CSS kalian bisa menimat artikel ini,Mulai dari Apa sih CSS itu?

Apa sih CSS itu?

 CSS atau cascading style sheet adalah bahasa pemrograman yang digunakan untuk tampilan elemen yang tertulis dalam mark up,seperti HTMl.CSS berfungsi untuk memisahkan isi dan tampilan visualnya dari sebuah situs.CSS dibuat dan dikembangkan oleh W3C(World wide web conssortium) pada tahun 1996.CSS berperan untuk mempercantik halaman dalam sebuat web.Contoh nya seperti mempercatik header,jenis font,warna font ,dan lain lain.


Fungsi fungsi dari CSS

 yap fungsi utama dari CSS adalah memang untuk mempercantik sebuah website namun ada juga fungsi lain dari CSS yaitu sebagai berikut;

1.Mempercepat loading halaman web 

 Tidak hanya memperbagus tampilan website CSS juga dapat mempercepat loading halaman website,karena jumlah kode bisa diminimalisir,Dengan begitu beban pada saat proses loading website bisa lebih kecil.

2.Memudahkan pengelolaan kode

 Dengan CSS,anda tidak perlu mengubah kode disetiap halaman apabila ingin mengubah tampilan halaman website

3.beragam variasi

Html memang dapat digunakan untuk mengatur tampilan website,namun sangat terbatas.hal ini tidak berlaku dengan CSS karena menawarkan lebih banyak style tampilan pada halaman website.


Bagaimana Cara kerja CSS?



Tahap tahap cara kerja bahasa pemrograman CSS

1.Load HTML dalam tahap ini browser memuat HTML dalam jaringan

2.Parse HTML pada tahap ini terjadi penguraian HTML untuk membuat document object model (DOM) dan memuat CSS . DOM bertindak untuk mewakili dokumen dalam memmori komputer.

3.Load CSS peramban atau browser kemudian memuat sebagian besar sumber daya yang akan di tautkan oleh dokumen HTML seperti gambar atau video sematan.

4.Parse CSS sama halnya HTML,Css juga kemudian diuraikan dengan mengurutkan aturan yang berbeda berdasarkan  jenis pemilihan nya ke dalam bucket yang berbeda seperti elemen,kelas,ID,dan sebagainya.  

5.Render tree penyeleksian dalam setiap elemen CSS yang akan diterapkan ke dalam simpul DOM sesuai kebutuhannya tadi disebut render tree.Render tree ini diterapkan pada stuktur yang ssseharus nya muncul setelah aturan dan penyesuaian simpul dan elemen yang diterapkan.

6.Display setelah penyesuaian tadi berjalan da aturan dijalankan maka CSS dan DOM akan membentk tampilan sesuai halaman situs yang tertampil di layar. 


Macam macam CSS





Setidaknya ada 3 macam CSS yang sering digunakan  oleh web designer . Berikut penjelasan nya.

1.Inline style sheet

pertama ada inline style sheet . sederhananya ,CSS model ini adalah CSS dengan perintah pemrograman yang letak nya ada pada objek.
Misalnya kamu igin mengubah sebuah tulisan pada laman tertentu diwebsite milikmu inline style sheet css harus menempel pada elemen tulisan tersebut.kamu cukup cuman nambahkan tag <style> saja untuk menerapkan css ini.Berikut adalah contoh penerapan CSS inline Style :
<h1 style="color:blue;text-align:center;">Ini adalah heading</h1>


2.Eksternal style sheet
 
 selain inline style sheet ada eksternal style sheet.css ini letaknya berbeda dengan laman yang akan diubah cara ini lebih praktis dari pada inline style sheet karena bisa menghemat ruang 
kamu bisa mengenali CSS tipe ini lewat tag <link rel>.tag ini akan menghubungkan halaman koding pada tipe ini CSS yang terpisah..Berikut adalah contoh penerapan CSS eksternal style:
<head>
<link rel="stylesheet" href="mystyle.css">
</head>

3.Embedded style sheet

 Biasanya CSS ini di apit oleh tag <head> </ head> dan diawali dengan tag <style> .Embedded stylesheet sering digunakan untuk mengatur laman web dengan tampilan yang unik misalnya dalam satu paragraf tulisan ada kalimat yang berbeda dan hal tersebut terus berulang.Berikut adalah contoh penerapan CSS Embedded style:

 <head>
<style>
body {
  background-color: blue;
}

h1 {
  color: green;
  margin-left: 40px;
}
</style>
</head>

Kesimpulan


 Css memiliki banyak andil yang besar dalam pembuatan website karena tanpa CSS tampilan web akan terlihat membosankan.Selain itu,dari sisi designer CSS sangat berguna karena tidak harus mengetikan hal yang sama.

 Saat ini, sudah banyak loh media online yang menyediakan meteri pembelajaran CSS. Untuk kamu yang ingin mempelajari CSS, ada banyak sumber seperti buku, sumber website, hingga video-video tutorial yang bisa diakses secara online. Semoga informasi ini membantu ya! 

 


Tidak ada komentar:

Posting Komentar

GAME PALING UNDERRATED SEPANJANG GENERASI KE5 SAMPAI SEKARANG

  Sebelum membahas lebih lanjut, penting untuk memahami apa yang dimaksud dengan "underrated". Game yang underrated adalah game ya...