HTML'de hazır kod eklemek için dört farklı yöntem bulunmaktadır:
- In-Line Style: CSS kodlarını doğrudan HTML etiketlerinin
style
özniteliği içine yazarak ekleme 12. Örnek:<p style='color: red;'>CSS bu be!</p>
. - Internal Styles (İç Stil): HTML dökümanının
<head>
bölümünde<style>
etiketi kullanarak tüm sayfayı veya belirli bölümleri stilize etme 12. Örnek:<style> body { font-family: Arial, sans-serif; }</style>. - External Styles (Harici Stil): CSS kodlarını ayrı bir
.css
uzantılı dosyada tutup, bu dosyayı HTML sayfasına<link>
etiketi ile bağlama 12. Örnek:<link rel="stylesheet" type="text/css" href="tasarim.css" />
. - @import: Birden fazla CSS dosyasını tek bir dosyadan okutmak için kullanılır 1. Örnek:
@import url(/css/tasarim.css);
.
5 kaynaktan alınan bilgiyle göre: