Ankara Üniversitesi
Nallıhan Meslek Yüksekokulu
Stil Şablonu (CSS) Özellikleri
NB P10 5 W E B T ASAR IM T E ME L L E R I ÖĞR . GÖR . DR . UFUK T ANYE R I
Stil Şablonu (CSS) Özellikleri [1]
Özel bir öğeye belirli bir stili tanımlamak için ilgili öğeye bir id özniteliği ekleyin:
<!DOCTYPE html>
<html>
<head>
<style>
#p01 {
color: blue;
}
</style>
</head>
<body>
<p>Paragraf</p>
<p>Paragraf</p>
<p id="p01">Stil Tanımlı Paragraf</p>
</body>
</html>
Stil Şablonu (CSS) Özellikleri [1]
Özel bir öğe türüne bir stil tanımlamak için ilgili öğeye bir sınıf özniteliği ekleyin:
<!DOCTYPE html>
<html>
<head>
<style>
p.error {
color: red;
}
</style>
</head>
<body>
<p>Paragraf</p>
<p>Paragraf</p>
<p class="error">Stil Tanımlı Paragraf.</p>
</body>
</html>
Kaynaklar
[1] HTML5 Tutorial. (n.d.). Erişim Tarihi 15 Kasım 2017, https://
www.w3schools.com/html/html_css.asp