CSS Nedir?

Selamün Aleyküm Arkadaşlar;

CSS (Cascading Style Sheets) türkçe olarak stil şablonları anlamına gelir. XHTML/HTML etiketlerini biçimlendirmek için yani stil vermek için kullanılır. Herhangi bir metin editörüyle notepad vb. programlarla yazabiliriz. Dosyası .css uzantılıdır.

CSS öğrenmeden önce XHTML/HTML kodlarını bilmemiz gerekir. Sonra CSS öğrenmeliyiz.

CSS ile neler yapabiliriz?

Bütün XHTML/HTML etiketlerine stil verebiliriz. Mesela bir yazının rengini, fontunu, font boyutunu, arkaplanın rengi vs. değiştirebiliriz.

CSS kodları üç şekilde bulunur. Bunlar Dahili, harici ve XHTML/HTML etiketinin style özelliğinde tanımlanır.

Harici Stil Kullanımı (External Style Sheet)

.css uzantılı bir dosyaya CSS kodlarımızı yazıp link etiketiyle HTML sayfasına dahil edilmesidir.

Örnek olarak kullanım:

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		...
	</body>
</html>

 Dahili Stil Kullanımı (Internal Style Sheet)

XHTML/HTML sayfasının içindeki style etiketinde, CSS kodlarının yer almasıdır.

Örnek olarak kullanım:

<html>
	<head>
		<style type="text/css">
			p{
				color: red;
			}
		</style>
	</head>
	<body>
		...
	</body>
</html>

Etiket İçinde Kullanımı (Inline Style)

Bir XHTML/HTML etiketinin style özelliğinde tanımlanmasıdır.

Örnek olarak kullanım:

<html>
	<head>
	</head>
	<body>
		<p style="color: red;">Paragraf...</p>
	</body>
</html>

 

Hayırlı günler, sağlıcakla kalın.

Bu döküman www.ibasoglu.com’a aittir. Kaynak belirtmek suretiyle alıntı yapılabilir.