21/12/2020

CSS Yapısı Çeşitleri Nelerdir?

Welche Arten von CSS-Strukturen gibt es?

Web sitelerinde HTML iskelet yapısına görünüm vermek için kullanılan CSS (Cascading Style Sheet) özelliğinin yapı olarak çeşitleri olan External CSS, Internal CSS ve Inline CSS nedir ve hangi durumlarda kullanılır veya kullanılmamalıdır.

External CSS Nedir?

External CSS
External CSS yapısı .css uzantısıyla CSS elementlerini ve classlarını barındıran dosyadır ve HTML dosyasına link ile bağlanır. Frond End tasarımında birden fazla sayfadan çağırılabilirler.

Internal CSS Nedir?

Internal CSS
<head></head> etiketinden sonra açılan <style></style> etiketleri arasında tanımlanan class’larla kullanılan CSS yapısıdır, sadece yazıldıkları sayfada kullanılabilir, diğer sayfalardan çağırılamazlar.


Inline CSS Nedir?

Inline CSS
Inline CSS yapısı HTML içerisinde doğrudan belirli bir etikete verilen stil yapısıdır. Bu yapıda CSS hangi etikete verildiyse yalnızca o etiket üzerinde çalışır, diğer etiketler üzerinde çağırılamaz veya diğer etiketleri etkileyemez.

Google bu yapıyı tavsiye etmiyor ve kullanılmasından kaçınılması gerektiğini söylüyor. Hatta içerik güvenliği ilkesini CSP bozduğunu belirtiyor.

Google Kaynağı: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#CSSattributes