CSS METİN İŞLEMLERİ

Tarhi : 25-05-2017 10:41:26 | Yazar : ÇAĞLAR BOSTANCI

Web sayfalarında tasarım önemli bir bölümünüde metin düzeni oluşturmaktadır. Her ne kadar hemen her yerde rastladığımız fontların dışınıda farlı bir fontla yazılmış metinler daha çok dikkat çekmekte ve kullanıcıyı siteye bağlamaktadır. Bu gibi küçük ama bir o kadarda önemli değişiklikleri metin işlemleri bölümünde öğreneceğiz. BAŞARILAR

Devamı...

CSS TABLO ÖZELLİKLERİ

Tarhi : 15-05-2017 06:44:33 | Yazar : ÇAĞLAR BOSTANCI

HTML’de <table></table> etiketi ile oluşuturulan tabloları daha estetik bir hale getirmek için css ile müdahle edilmektedir. CSS ile table etiketinin bir çok elementine ulaşabilir ve istediğimiz renkte ve desende tablolar oluşturabilir. Tablo özellikleri aşağıda açılamaları ile verilmiştir. Başarılar.

.tablo{
	border-collapse:collapse / separate; /*Bu özellik iki adet özellik almaktadır. Sınır çizgisi durumunu tanımlar.*/
	border-spacing:10px;/*Hücreler arası sınır boşluklarını tanımlar.*/
	caption-side: top/ bottom/ left/ right;/*Başlık yerini tanımlar.*/
	empty-cells:show/ hide;/*İçi boş hüreleri tanımlar.*/
	table-layout:auto/ fixed;/*Tablo görünüşünü tanımlar.*/	
	}

.tablo{

border-collapse:collapse / separate; /*Bu özellik iki adet özellik almaktadır. Sınır çizgisi durumunu tanımlar.*/

border-spacing:10px;/*Hücreler arası sınır boşluklarını tanımlar.*/

caption-side: top/ bottom/ left/ right;/*Başlık yerini tanımlar.*/

empty-cells:show/ hide;/*İçi boş hüreleri tanımlar.*/

table-layout:auto/ fixed;/*Tablo görünüşünü tanımlar.*/

}

Border-collapse Bu özellik iki adet özellik almaktadır. Sınır çizgisi durumunu tanımlar.

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="utf-8">
    	<title>CSS TABLO ÖZELLİKLERİ</title>
        <!-- Çağlar BOSTANCI -->
        <style>
		 table{ 
		 border-collapse:collapse; /* border-collapse: separate;*//* Tablo kenarlık sitilini belirler.*/
		 
		 }
        </style>
    </head>
  <body>
	<table border="1">
    	<tr>
        	<td>HÜCRE 1</td>
            <td>HÜCRE 2</td>
            <td>HÜCRE 3</td>
        </tr>
        <tr>
        	<td>HÜCRE 4</td>
            <td>HÜCRE 5</td>
            <td>HÜCRE 6</td>
        </tr>
    </table>
  </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>CSS TABLO ÖZELLİKLERİ</title>

<style>

table{

border-collapse:collapse; /* border-collapse: separate;*//* Tablo kenarlık sitilini belirler.*/

}

</style>

</head>

<body>

<tr>

<td>HÜCRE 1</td>

<td>HÜCRE 2</td>

<td>HÜCRE 3</td>

</tr>

<tr>

<td>HÜCRE 4</td>

<td>HÜCRE 5</td>

<td>HÜCRE 6</td>

</tr>

</table>

</body>

</html>

border-spacing Kullanımı IE 7 […]

Devamı...

CSS2 ve CSS3 PSEUDO SEÇİCİLERİ

Tarhi : 09-05-2017 05:48:36 | Yazar : ÇAĞLAR BOSTANCI

CSS2 ve CSS3 PSEUDO SEÇİCİLERİ IE 7 kısman IE 8 ve sonrası tam destekkliyor. SINIF :AÇIKLAMA E:active :E için aktif bir link rengi tanımlar E:focus :E için fare hareketine odaklamayı sağlar. E:hover :E nin fare üzerine gelmesi ayrılması durumu. E:lang() :E için dil kuralları sağlar. E:link :E için açılmamış bir linkin rengini tanımlar. E:visited :E […]

Devamı...

Çağlar Bostancı

CSS METİN İŞLEMLERİ

CSS TABLO ÖZELLİKLERİ

CSS2 ve CSS3 PSEUDO SEÇİCİLERİ