Tiga Cara Menggunakan CSS pada HTML

Cara penerapan CSS pada HTML dibagi menjadi 3 cara, yaitu : langsung, internal dan eksternal

Langsung

Penggunaan CSS pada html secara langsung ditulis pada tag HTML sebagai atribut. Contohnya sebagai berikut :

<div style="text-align:left">.....</div>

cara ini sangat kurang efesien, sehingga saat mengedit HTML akan memberikan kesan berantakan.

Internal

Cara internal adalah cara menggunakan CSS yang dipasang khusus pada tag style. Biasanya disimpan pada tag header

<header>

  <style>

  div {text-align:left}

  </style>

div {text-align:left}

a {color:blue}

Untuk mengaplikasikan file CSS ke dalam HTML cukup mengunakan tag link pada bagian header seperti berikut:

<header>

  <link rel="stylesheet" href="style.css">

</header>

semoga bermanfaat