Pengertian Css

 CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML.

 – Inline CSS

CSS Inline Style adalah metode untuk menginput kode CSS Langsung ke dalam <Tag> HTML dan menggunakan Atribut Tag <Style> dan masih berada pada satu file yang sama Dan yang berubah hanyalah style yg di gunakan pada tag saja tidak semua tag 

<!DOCTYPE html>
<html>
<body style="background-color:black;">
 
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
 
</body>
</html>    
Manfaat internal CSS: 
  • Perubahan hanya terjadi pada 1 halaman
  • Class dan ID bisa digunakan oleh internal stylesheet
  • Tidak perlu meng-upload beberapa file karena HTML dan CSS bisa digunakan di file yang sama.

Kekurangan menggunakan Internal CSS:

  • Meningkatkan waktu akses website
  • Perubahan hanya terjadi pada 1 halaman – tidak efisien bila Anda ingin menggunakan CSS yang sama pada beberapa file.


-external CSS

 file CSS akan tampil pada website Anda secara keseluruhan. File CSS eksternal biasanya diletakkan setelah bagian <head> pada halaman:

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

Manfaat CSS eksternal:

  • Ukuran file HTML menjadi lebih kecil dan strukturnya lebih rapi
  • Kecepatan loading menjadi lebih cepat
  • File CSS yang sama bisa digunakan di banyak halaman.

Kekurangan CSS eksternal:

  • Halaman belum tampil secara sempurna hingga file CSS selesai dipanggil.

Komentar

Postingan populer dari blog ini

Cara Membuat project E-Ticketing Maskapai