Css Defteri

temel-css-baslangic

Css'in Yapısı ve Özellikleri

Css'in Yapısı ve Özellikleri
Ali Görkem Çiçek
28 Haziran 2009 / 15:41
CSS'in temel kullanım şekli basit özellikleri ve yapısı.
 

Pek çok arkadaşımızın css hakında bilgisi çok kısıtlı.Aslında bu sitenin var olmasının nedenide bu.Css'in açılımı Cascading Style Sheets (stil şablonları.

CSS'in en karmaşık ama aynı zamanda en önemli kısımı özellik fazlalığı yani css ile yapabileceğiniz şeyler htmlden çok daha fazla

Korkmayın size diğer siteler gibi cssi kim bulmuştur kim yapmıştır anlatmayacağım bunlar hikaye kısımı şimdi dersimize geçelim istersek çünkü derslerin bu girşerinden hep bende sıkılırdım.

Css 2 kısımdan oluşur seçici ve özellik belirttiğimiz kısım burda seçici uygulamak istediğimiz alanın seçicisidir class,id vede html etiketlerine direk atana bilir mesela h1 etiketine direk özellik atayabiliriz

Bunu bir kaç örnek ile anlatsam daha anlaışır olucak galiba.:) Önce html kodu:
Burası özellik tanımladığımız yer

Yukarıdaki kodda özellik uygulayacağımız alanı belirttik şimdi css kodu ile oraya özellik vereceğimiz alanı göstereyim:

#seciciadi {
	özellikler
}

Burda id ile seçilen alanlar css de "#secici adı" ile özellik verilir size alta temel seçme yöntemlerinin hepsini veriyim örnekleri inceleyerek anlayın:

#secici { özellik } /** htmlde göstermek için 
 
.secici { özellikler } /** htmlde göstermek içim
 
**/ h1 { özellikler } /** htmlde bütün

yazı

leri etkiler

Cssde her özellik bitişine ; konulur yani bir özellik belirtik color: black; burda yazı rengini siyah seçtik ve siyahı belirttikten sonra noktalıvirgül ile özeliği bitirdik.

Css de özellik tanımlamak için en azından orta düzey bir İngilizce'niz olmalıdır.Bazı özellikleri ve yanlarına görevlerini anlatayım tabi bunlar temel özellikler diğer özellikleri başka derslerde ayrıntılı olarak işleyeceğiz.

#secici { 
	color: #000000; /** burda seçtiğimiz alanın yazı rengini seçtik**/
	width: 100px; /** bu şekildede seçili alanın genişliğini seçtik**/
	height: 100px; /**burda ise yüksekliği seçtik**/
	background-color: #E7E7E7; /**burda ise arkaplan rengini seçtik**/
	background-image: url(arkaplan) /**ve arkaplan resmini seçtik**/
}
Css başlangıc dersimiz bukadar.Umarım faydalı olmuştur diğer derslerimizde görüşmek üzere.
Copyright 2009 Yeni Metin Belgesi
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol