temel-css-baslangic
Css'in Yapısı ve Özellikleri
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ünyazı
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.