Üç tür CSS vardır:
Satır içi CSS
Satır İçi CSS için her stil içeriği HTML öğelerindedir. Sınırlı bir bölüm için kullanılır. Gereksinimlerimiz çok küçük olduğunda satır içi CSS kullanabiliriz. Yalnızca tek öğeleri etkilemektedir. HTML'de, çeşitli HTML etiketlerinin görünümlerinin farklı olmasını gerekli kılıyoruz, bu nedenle satır içi Basamaklı Stil Sayfaları kullanıyoruz. Satır içi Basamaklı Stil Sayfalarının bir dezavantajı vardır. Her HTML etiketinde belirtilmelidir. Bunun için çok fazla zaman harcanıyor ve bu iyi bir programcı için en iyi uygulama değil ve kod oldukça büyük ve çok karmaşık olacak. Satır içi CSS örnekleri aşağıda verilmiştir:
Dahili CSS
Dahili CSS'de CSS'nin stili <head> bölümünde belirtilir. Bu dahili CSS'dir, gövde bölümündeki tüm öğeleri etkiler. Bir stilin HTML gövdesinin tamamında kullanılmasını istediğimiz durumda dahili CSS kullanılır. Bunun için head etiketindeki stili kullanabiliriz. Bu stil, HTML gövdesinin tamamında bir eylem gerçekleştirir.
Harici CSS
Harici CSS'de bir .css dosyası oluştururuz ve bunu gereksinimlerimize göre HTML sayfamızda kullanırız. Genel olarak, birçok HTML niteliğine sahip olduğumuzda harici Basamaklı Stil Sayfaları kullanılır ve bunları gerektiği gibi kullanabiliriz; CSS dosyasının özelliğini devralan eksiksiz bir HTML gövdesinde CSS stilini tekrar tekrar yazmaya gerek yoktur. CSS dosyası oluşturmanın iki yolu vardır. Birincisi, CSS kodunu Not Defteri'nde yazmak ve bir .css dosyası olarak kaydetmek, ikincisi ise stil sayfasını doğrudan Çözüm Gezgini'ne eklemek ve Visual Studio'yu HTML sayfamızda kullanmak üzere yönlendirmektir. Harici CSS nasıl oluşturulur ve kullanılır.
