HTML sayfasına CSS eklemenin üç ana yöntemi vardır: inline, internal ve external. Her yöntemin kendine özgü avantajları ve kullanım alanları bulunmaktadır.
1. Inline CSS
Inline CSS, HTML elemanlarının stilini doğrudan elemanların style attribute'ünde tanımlayarak uygulanır. Genellikle küçük değişiklikler için kullanılır.
html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Inline CSS Örneği</title> </head> <body> <h1 style="color: blue; text-align: center;">Merhaba Dünya!</h1> <p style="font-size: 16px; color: gray;">Bu bir paragraf örneğidir.</p> </body> </html>
