Xarici CSS Təyinatı və birinə necə bağlanma
Bir veb brauzer bir veb səhifəni yükləyərkən, göründüyü şəkildə, basamaklı bir stil məlumatı ilə müəyyən edilir. Bir HTML faylı üçün stillərdən istifadə etmək üçün üç yol vardır: xarici, daxili və on-line.
Daxili və in-line üslubları HTML faylının özündə saxlanılır. Onlar hazırda işləməyə asandır, lakin onlar mərkəzi bir yerdə saxlanılmadığı üçün asanlıqla birbaşa bütün veb saytın stilinə dəyişiklik etmək mümkün deyil; əvəzinə hər bir girişə geri dönmək və əl ilə dəyişdirmək lazımdır.
Bununla belə, xarici stil hesabatı ilə, səhifəni göstərmək üçün təlimatlar tək bir faylda saxlanılır ki, bu üslubu bütöv bir veb sayta və ya bir neçə element üzərində düzəldir. Fayl, .CSS fayl uzantısını istifadə edir və veb brauzerin stil təlimatlarını nereden arayacağının bildiyi üçün, həmin dosyanın yeri ilə bağlı bir link HTML sənədinə daxil edilir.
Bir və ya daha çox sənəd eyni CSS faylına keçid edə bilər və veb-sayt müxtəlif səhifələr, masalar, şəkillər və s. Üslubu üçün bir çox unikal CSS faylları ola bilər.
Xarici stillər səhifəsinə necə qoşulmaq olar?
Belirli bir xarici stil hesabatı istifadə etmək istəyən hər bir web page, bölümündeki CSS faylı ilə əlaqələndirilməlidir:
head>Bu nümunədə, öz sənədinizə tətbiq etmək üçün dəyişdirilmək lazım olan yeganə şey styles.css mətnidir . Bu CSS dosyanızın yeri.
Fayl həqiqətən styles.css adlanır və birləşdirən sənədlə eyni qovluqda yerləşirsə, o, yuxarıda deyildiyi kimi tam olaraq qalır. Bununla belə, şansınız CSS dosyanızın başqa bir şeyə sahib olmasıdır, halbuki adını yalnız "üslublardan" dəyişə bilərsiniz.
CSS faylı bu qovluqun kökündə deyilsə, bunun yerine bir alt qovluğa belə bir şey oxuyur:
head>Xarici CSS faylları haqqında daha ətraflı məlumat
Xarici stillərdən ən böyük faydası, onlar hər hansı bir xüsusi səhifəyə bağlı deyildir. Styling daxili və ya in-line həyata keçirilirsə, saytda digər pages bu stil seçimləri göstərə bilməz.
Xarici üslubu ilə eyni CSS faylı veb saytdakı hər bir səhifəyə tam şəkildə istifadə edilə bilər, buna görə hamının birbaşa görünüşü vardır və bütün veb-saytın CSS məzmununu redaktə etmək son dərəcə asan və mərkəzləşdirilmişdir.
Aşağıdakı işləri necə görürsünüz ...
Daxili styling etiketlərindən fərqlənməli olduğundan, tags istifadə etməyi tələb edir:
body {background-color: green; } h1 {rəng: mavi; margin-left: 15px; } style> head>Bununla belə, xarici stillər öz faylları içində olduğundan, bu kimi yaradıla bilər və yuxarıda göstərilən nümunə ilə eyni şeydir:
body {background-color: yaşıl; } h1 {rəng: mavi; margin-left: 15px; }Bu nümunələrdə, inline styling yalnız o HTML səhifəsinin başlıq detallarına aid olması ilə bağlı olan xüsusi səhifəyə aiddir. İkinci nümunə ilə, CSS info hər hansı bir səhifənin kodunu istifadə edərək yuxarıdakı bir Xarici Style Sheet linkinə necə keçid verə biləcəyini bir CSS faylı içərisində saxlayır.