Html – Css Ekleme | | Gir Geliştir
CSS bir html nesnesine şekil vermek onu TASARLAMAK için kullanılır. Web tasarım için olmazsa olmazlarımızdandır. Tabii 1990’lardaki gibi bir site yapmak istemiyorsanız. Bu yazıda sizlere web sitelerinize nasıl CSS ekleyebileceğinizi göstereceğim.
Harici CSS dediğimiz zımbırtı aslında başka bir not defteri veya html editör programının başka bişr sayfasına css özelliklerini yazıp bunu css olarak kaydettikden sonra(Örn : style.css) bunu head kısmında çağırmanızdır harici CSS. Nasıl çağırıldığını görelim :
Burada Bootstrap yazmasının nedeni benim css dosyamın adını css olarak vermemdir. Bootstrap kategorisinde Bootstrap hakkında bilgiler bulabilirsiniz. Bootstrap.css dosyasını css klasörünün içinden çağırdığıma göre html dökümanı ile bootstrap.çcss aynı klasörde değil. Css klasörü ile html dökümanım aynı klasörde.
Genel CSS aslında sayfanın içinde(head kısmında) verdiğimiz özelliklerdir. Tek değişen şey ayrı bir doküman dosyası açmak yerine sadece yazdığınız sayfa için geçerli CSS ler yazabilirsiniz. Dikkat edin sadece o kodları yazdığınız sayfa şiçin diyorum. Harici CSS de öyle bişey yoktu üstte yazdığım kodu hangi sayfaya eklerseniz ekleyin o isimde ID si veya Class ı olan her şey verdiğiniz özelliğe gelecektir ama burada sadece yazdığınız sayfaya işler, diğer sayfalarda aynı ID ve/veya Class olsa bile.
Bakalım bu Genel CSS nasıl ekleniyormuş :
Style type etiketlerini açıp kapattıktan sonra Class verdiyseniz “.” ID varsa “#” işareti koyduktan sonra verdiğiniz ID yi yazıyorsunuz ben aşağıdaki divi parantezlerin içindeki gibi şekillendirdim :
Class ve ID nedir?
Class dediğimiz şeyin Türkçe anlamı sınıftır. Sınıf kavramını da biraz açarsak belli bir kişiler bir grup olarak da tanımlayabiliriz. CSS de class özelliği de öyledir Örneğin 4 tane diviniz var ve bu divlere aynı özellikler vermek istiyorsunuz Teker teker ID ile uğşraşmayarak class vererek bu işi halledebilirsiniz. Bu yüzden genelde class kullanılır.Ben de size kod yazarken class kullanmanızı tavsiye ediyorum.
Bir de ID var bu biraz ezik. Sadece verdiğiniz şeye özelik veeiyor. İki tane şeye aynı ID yi veremezsiniz. Verirsiniz de 😀 Çalışmaz. İD vermek için class ı silip id yazarsanız id yi vermiş olursunuz.
Benim site tasarlarken en çok kullandığım css yönetminidr. Bazıları amelelik olarak görse de üşengeçlerin kullandığı çok görülmüştür.
Yerel css kullanacağımızı varsayalım. Nasıl kullandığımız aşağıda :
<div style="background-color: white; width: 100%; height: 300px; padding-left: 150px;"></div>
Yukarıda hiçbir şekilde head kısmına falan style yazmadım direkt özellik vermek istediğim nesnenin arasına style etiketi açıp arasına yazdım.
Eğer o sayfada sadece tek bir şey varsa o özelliklerden vereceğiniz. Kullanabilirsiniz. Diğer türlüsü amelelik.
CSS eklemeyi öğrendiğinizi umuyorum. En kısa zamanda yeni yazılar da yükleyeceğim. Her gün yazı yazmaya kendimi sıkıştırıyorum. Her gün yazı geldimi diye girip bakmanızı öneririm. Sadece buradan da bakmayın bu siteyi bilgilerinizi geliştirmek için kullanabilirsiniz. Burada okuduğunuzla web tasarım uzmanıyım diye dolaşmayın 😀
Okuduğunuz için çok teşekkürler Takipte kalın, Hoşçakalın!
Tags: classcsscss çağırmacss eklemehtmlhtml classhtml csshtml css eklemehtml idhtmle css eklemeidstyle
Basit bir şekilde çağırılabilinir aslında, ama cdn yöntemi ile nasıl css çekileceğinide göstermelisiniz.
Evet. Onunda yakın zamanda gösterelim. Teşekkürler 🙂
Next story Css – Transition – Geçişler
Previous story C# – Piyano Tiles Oyunu Yapımı