$type=carousel$count=9$cols=3$cate=0$show=home

[TRENDING]$type=grid$count=24$cate=1$sn=0$rm=0$meta=0$icon=1$show=home

Birden Fazla Css Dosyası Oluşturma Ve Çağırma

Birden fazla css dosyası oluşturma ve çağırma.Birden fazla css dosyası oluşturmanın avantajları

Birden Fazla Css Dosyası Oluşturma Ve Çağırma

Birden Fazla Css Dosyası Oluşturma Ve Çağırma

Başlıktanda anlaşılacağı üzere birden fazla Css dosyanız varsa bunların hepsini Html dosyamızda çağırıp kullanabilirsiniz. Aynı şekilde birden fazla Css dosyalarınızı bir ana Css dosyası oluşturup oraya dahil edip daha sonra dahil ettiğiniz ana Css dosyasının adınıda Html dosyamızda çağırıp kullanabilirsiniz.

Neden Birden Fazla Css Dosyası Oluşturuyoruz?

Neden birden fazla Css dosyası oluşturcağımıza gelecek olursak çok gelişmiş web yazılımlarında çok fazla detay ve kullanıcının eriştiği alan olduğu için her alanı farklı Css dosyaları içinde tutmamız daha sonra ilgili alana müdahale etmemizi kolaylaştıracaktır.Örneğin yazı stillerimizi bir Css dosyasında arkaplan renklerimizi bir başka Css dosyasında resim biçimlendirmelerimizi başka bir Css dosyamızda tutarak aradığımız yeri hızlıca bulmamıza ve hızlı bir şekidle güncelleme yapmamıza olanak sağlayacaktır.Şimdi örneklerimize geçelim;

[<!DOCTYPE html>
<html>
<head>
<title>Css Dersleri</title>
<link rel="stylesheet" type="text/css" href="arkaplan.css">
<link rel="stylesheet" type="text/css" href="yazirengi.css">
</head>
<body>
Merhaba Css
</body>
</html>]

Birden fazla still dosyamız olduğunda yukarıda görüğünüz gibi link yapısını birden fazla kez kullanıp ilgili Css dosyalarımızı dahil ediyoruz.Kaç tane dosyamız varsa o kadar dosya dahil edebiliyoruz.
Görüğünüz gibi yukarıda anlattığımız gibi yazı stilimizi bir Css dosyasında arkaplan ayarlarımızıda bir başka Css dosyasında tuttuğum için isteğim alana hızlıca erişip değişiklik yapma imkanım olmuş oldu.
[post_ads_2]

Ana Css Dosyası İçine Dahil Etme


Yukarıdaki yöntem ile birden fazla Css dosyalarımızı Html dosyamız içerisinde link tagı ile çağırmıştık.Yukarıdaki yöntemde eğer fazla Html dosyamız içinde fazla görüntü kirliliği olsun istemiyorsanız bir adet ana Css dosyası oluşturup tüm Css dosyalarımızı ana Css dosyamızda birleştirip o birleştirdiğimiz ana css dosyamızıda Html sayfamıza dahil edebiliriz.Bunun için ilk önce ana Css dosyası oluşturuyoruz ve içerisine dahil edeceğimiz Css dosyalarımızı import edicez;

[@import "arkaplan.css";
@import "yazirengi.css";]

Yukarıdaki gördüğünüz iki satır kod ile hem arkaplan.css hemde yazirengi.css dosyalarımızı ana Css dosyası oluşturup içerisine dahil etmiş olduk ve bunuda Html dosyamız içerinde link tagı ile çağıralım;

[<!DOCTYPE html>
<html>
<head>
<title>Css Dersleri</title>
<link rel="stylesheet" type="text/css" href="anacss.css">
</head>
<body>
Merhaba Css
</body>
</html>]

gördüğünüz gibi tek bir link tagı ile iki adet veya istedğiniz kadar Css dosyalarınızı dahil edebilirsiniz.

Başka Sitenin Css Dosyasını Dahil Etme


Eğer birden fazla web siteniz varsa ve hepsi için ortak bir Css dosyası kullanıyorsanız bunuda kendi web sayfanız için kullanabilirsiniz. Bunun için yapmaznı gereken işlem oldukça basittir.

[@import url("Buraya Css dosyanızın uzak adresini giriniz.");]

yukarıdaki kodda parantez içindeki kısma kendi Css dosyanızın yolunu belirtirseniz ilgili Css dosyası yeni web projeniz içinde geçerli kılınmış olur.Fakat tavsiye etmiyorum çünkü bu işlem sonucunda bir istek ve cevap söz konusu olduğu için gecikmeler yaşamanız çok normaldir.Kısacası bu işlem web projenizin hızında ve performansında azalma gösterecektir.


COMMENTS

Ad

Css,4,Php,13,
ltr
item
KodlaMax: Birden Fazla Css Dosyası Oluşturma Ve Çağırma
Birden Fazla Css Dosyası Oluşturma Ve Çağırma
Birden fazla css dosyası oluşturma ve çağırma.Birden fazla css dosyası oluşturmanın avantajları
https://1.bp.blogspot.com/-aiaFMxIA6o0/Xd2Hefm-baI/AAAAAAAAA9c/w_2iuTSddYAFmScam-_P0Y6vumMkY-_rgCLcBGAsYHQ/s400/3%2BBirden%2Bfazla%2Bcss%2Bdosyas%25C4%25B1n%25C4%25B1%2Bolu%25C5%259Fturma%2Bve%2B%25C3%25A7a%25C4%259F%25C4%25B1rma.jpg
https://1.bp.blogspot.com/-aiaFMxIA6o0/Xd2Hefm-baI/AAAAAAAAA9c/w_2iuTSddYAFmScam-_P0Y6vumMkY-_rgCLcBGAsYHQ/s72-c/3%2BBirden%2Bfazla%2Bcss%2Bdosyas%25C4%25B1n%25C4%25B1%2Bolu%25C5%259Fturma%2Bve%2B%25C3%25A7a%25C4%259F%25C4%25B1rma.jpg
KodlaMax
https://www.kodlamax.com/2019/11/birden-fazla-css-dosyas-olusturma-ve.html
https://www.kodlamax.com/
https://www.kodlamax.com/
https://www.kodlamax.com/2019/11/birden-fazla-css-dosyas-olusturma-ve.html
true
6740144852254417687
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy