$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

Css Dosyalarını Harici Olarak Ekleme

Css dosyalarını harici olarak ekleme. Css dosyaları Html içine nasıl eklenir?

Css Dosyalarını Harici Olarak Ekleme

Css Dosyalarını Harici Olarak Ekleme

Css dosyalarının bir önceki dersimizde Html dökümanı içinde dahil etmiş ve kullanmıştık bu dersimizde tamamen Css kodlarını harici bir dosyada tutarak bu harici Css dosyamızıda Html sayfamız içinde çağırarak kullanıcaz. Bunun için bir index.html dosyası oluşturuyoruz ve içerisinde harici Css dosyamızı çağırmak için gerekli kodumuzu <head></head> kodları arasına yazıyoruz.

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

Yukarıda gördüğünüz gibi bir link takısıyla stylesheet tanımlaması ve type olarak text/css dedik ve son olarak href yani Css dosyamızın yolunu belirtiyoruz. Burada dikkat edilmesi gereken hususlardan bir tanesi eğer index.html dosyamız ile still.css dosyamızın yolu aynı ise direk dosyamızın adını yazabiliriz örnekte aynı dosyada olduğu için ben direk olarak still.css yazdım ama örneğin bir still klasörü içinde oslaydı o zaman şöyle yazmam gerekecekti;

[<link rel="stylesheet" type="text/css" href="still/still.css">]

şeklinde düzenlemem gerekecekti.Html kodları tarafında işimizi tamamladığımıza göre gelelim still dosyamızın içine;

[body{
background-color: orange;
}]

yukarıda görüğünüz kod still.css içerisindeki koddur.Bu kodda gördüğünüz gibi bir seçici kullandık yani body seçicisi içerisinde yazdığımız kod ise body alanının arkaplan rengini turuncu yapması gerektiğini söyledik ve index.html dosyamızı çalıştırdığmızda ekranımızın turuncu olduğunu görüyoruz.

COMMENTS

Ad

Css,4,Php,13,
ltr
item
KodlaMax: Css Dosyalarını Harici Olarak Ekleme
Css Dosyalarını Harici Olarak Ekleme
Css dosyalarını harici olarak ekleme. Css dosyaları Html içine nasıl eklenir?
https://1.bp.blogspot.com/-477adhxNiCY/Xd2Ddv-6LVI/AAAAAAAAA9Q/KbpJwUF0Ksk4QpIsamsuXeosbceN3SsNQCLcBGAsYHQ/s400/2%2BCss%2BDosyalar%25C4%25B1n%25C4%25B1%2Bharici%2Bolarak%2Bekleme.jpg
https://1.bp.blogspot.com/-477adhxNiCY/Xd2Ddv-6LVI/AAAAAAAAA9Q/KbpJwUF0Ksk4QpIsamsuXeosbceN3SsNQCLcBGAsYHQ/s72-c/2%2BCss%2BDosyalar%25C4%25B1n%25C4%25B1%2Bharici%2Bolarak%2Bekleme.jpg
KodlaMax
https://www.kodlamax.com/2019/11/css-dosyalarn-harici-olarak-ekleme.html
https://www.kodlamax.com/
https://www.kodlamax.com/
https://www.kodlamax.com/2019/11/css-dosyalarn-harici-olarak-ekleme.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