Bence ayrı tutmak daha mantıklı.Web kodlamada CSS ayrı tutmak gerekli mi? Yoksa HTML üzerinden kullanmak mı mantıklı?
Ayrı tutmak daha iyidir çünkü proje büyüdükçe CSS kodlarınız da artacaktır ve haliyle html kodunu tekrar gözden geçirmek yorucu olacaktır. Ayrıca benzer tasarımlar için diğer sayfalara CSS'i kolaylıkla entegre edebilirsiniz.Web kodlamada CSS ayrı tutmak gerekli mi? Yoksa HTML üzerinden kullanmak mı mantıklı?
style.css
adlı bir dosyanız olur ve CSS kodlarınız bunun içinde olur. Siz bu dosyayı HTML'e link rel ile ekleyebilirsiniz.<style> </style>
tagları arasında yazarsınız. <p style="color:#fff;">Örnek.</p>
CSS'i HTML içinde 3 farklı şekilde kullanabilirsiniz.
External CSS: CSS dosyasını dışarıdan HTML'e eklediğimiz şeklidir. Bir CSS dosyanız olur. Örneğin
- External CSS.
- Internal CSS.
- Inline CSS.
style.css
adlı bir dosyanız olur ve CSS kodlarınız bunun içinde olur. Siz bu dosyayı HTML'e link rel ile ekleyebilirsiniz.
Internal CSS: Bu türde ise CSS kodlarını HTML dosyası içinde<style> </style>
tagları arasında yazarsınız.
Inline CSS: Bu türde ise CSS kodlarını satir içi dediğimiz yazdığın HTML kodunun içine style ekleyerek yazarsınız. Örneğin.<p style="color:#fff;">Örnek.</p>
Hepsi arasında tercih etmeniz gereken external CSS olması gerekli. Bazı istisna durumlarda ınline CSS ve ınternal CSS kullanılabilir.
Nasıl yani? Dediğini tam anlamadım. Biraz daha açar ve örneklendirir misin?Hocam özel CSS dosyamızı her sitede kullansak olur mu? Çok kolay bir yöntem değil mi tasarım açısından? Büyük kolaylık gibi geldi.
Nasıl yani? Dediğini tam anlamadım. Biraz daha açar ve örneklendirir misin?
Dediğin şey olur da sandığın gibi bir şey olmadığını söyleyeyim. Her sitede farklı yapılar ve tasarımlar kullanıyorsun. 1 tane CSS dosyasıyla çözülecek iş değil.Yani bir tane uğraşıp CSS dosyası hazırlasak. Her site yapmada bu CSS dosyasını link ile aktarsak olur mu? Söylediğim biraz karışık olabilir ama mantığı anlatmaya çalıştım.
Dediğiniz mantık biraz Bootstrap'e benziyor. Tabii ki Front-End konusunda @Ecmel hocam benden çok daha bilgilidir. Bildiğim kadarıyla Bootstrap içerisinde türlü türlü classlar var htmlde bu classları kullanarak aslında bir nevi belli bir hazır tasarım kullanmış oluyoruz.Yani bir tane uğraşıp CSS dosyası hazırlasak. Her site yapmada bu CSS dosyasını link ile aktarsak olur mu? Söylediğim biraz karışık olabilir ama mantığı anlatmaya çalıştım.
<div class="row">
<div class="col-sm-4">Kutu1</div>
<div class="col-sm-4">Kutu2</div>
<div class="col-sm-4">Kutu3 </div>
</div>
Yani bir tane uğraşıp CSS dosyası hazırlasak. Her site yapmada bu CSS dosyasını link ile aktarsak olur mu? Söylediğim biraz karışık olabilir ama mantığı anlatmaya çalıştım.
Bu sitenin çalışmasını sağlamak için gerekli çerezleri ve deneyiminizi iyileştirmek için isteğe bağlı çerezleri kullanıyoruz.