Cara penempatan file Css dalam Tag Html
Css ( Cascading Style Sheet ) Secara umum memiliki mekanisme yang sangat sederhana namun bisa juga sangat komplek tergantung bagaimana cara pemberian poperty dan value yang diinginkan oleh desiner web itu sendiriSecara aturan yang benar ada tiga cara menempatkan file css kedalam tag Html
- embed [ <style></style> ]
- inline [ <p style="color:lightblue; "> .... </p> ]
- external [ <link rel="stylesheet" herf="style.css"> ]
Lebih jelas kita ulas ketiga metode penempatan File Css dalam tag Html
Embed
Tutorial penempatan file Css kedalam Tag Html menggunakan metode embed [ <style></style> ]Menempatkan Css di antara <head>...</head>
Dengan menggunakan metode embed memungkinkan terjadinya error sangat minim sehingga akan menghasilkan design web lebih sempurna.untuk hasil dari metode embed lihat pada gambar dibawah ini:
Inline
Tutorial menempatkan file Css menggunakan metode inline yaitu menerapkan css langsung kedalam tag Html yang ingin diubah, perhatikan pada gambar:
Penerapkan aturan penempatan css diatas dengan benar akan memberi hasil yang lebih maximal diantaranya:
- File lebih rapi
- Pencarian lebih mudah
- Meminimalis terjadinya error
- Menghindari error dalam penulisan
- Menghindari error dalam pemberian nilai dan poperti desian