MəZmun

• Addımlar
• Metod 1 /2: Xarici üslub cədvəlini necə qurmaq olar
• Metod 2 /2: Daxili üslub cədvəlini necə əlavə etmək olar
• İpuçları
• Xəbərdarlıqlar

Hipermətn İşarələmə Dili (HTML) veb səhifədə hansı elementlərin olduğunu müəyyən edir. Cascading Style Sheets (CSS) proqramlaşdırma dili bu elementlərin necə görünməsini izah edir.CSS faylı HTML -ə xarici olaraq (CSS ayrı bir fayl olaraq əlavə olunur) və ya daxili üslub cədvəlinə (CSS HTML faylına daxil edilir) əlavə edilə bilər. Sitenizi yenidən dizayn etmək üçün CSS -ni HTML faylına necə yerləşdirməyi öyrənin.

Addımlar

Metod 1 /2: Xarici üslub cədvəlini necə qurmaq olar

1. 1 CSS faylı yaradın. ".Css" uzantısı olan bir CSS faylını hazırlayın və qeyd edin.
2. 2 CSS faylını saytınıza yükləyin.
3. 3 CSS faylının ünvanını (URL) kopyalayın. Saytın ünvanı belə olacaq: www.yoursite.com/stylesheet.css.
   • Əsas domen adını URL -dən çıxarmaq yaxşı bir tətbiqdir. Buna əsaslanaraq http: //myisite.com/css/default.css ünvanı "/css/default.css" olaraq qısaldılacaq. Aparıcı işarəni ("/") daxil etməyi unutmayın. Buna nisbi yol deyilir.
4. 4 Linki fayla daxil edin. HTML faylınızda / head> etiketini tapın və yuxarıda boş bir xətt yaradın. Bu sətirdə LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css"> yapışdırın və "www.your ..." sözünü CSS sənədindəki bir keçidlə əvəz edin.
5. 5 HTML faylını qeyd edin və sayta yükləyin.
6. 6 Saytdakı hər şeyin lazım olduğu kimi göründüyünə əmin olun. Əks təqdirdə, HTML faylını yenidən açın, səhvləri axtarın və dəyişikliklər edin.

Metod 2 /2: Daxili üslub cədvəlini necə əlavə etmək olar

1. 1 Etiket stili yaradın>. HTML faylını açın və / head> etiketini tapın. Üstünə boş sətirlər əlavə edin və aşağıdakıları daxil edin:

STYLE type = "text / css"> / STYLE>

1. 1 Bütün CSS -lərinizi bu iki etiketin arasına yapışdırın.
2. 2 HTML faylını qeyd edin (.html uzantısı ilə).
3. 3 Saytdakı hər şeyin olduğu kimi göründüyünə əmin olun. Əks təqdirdə, istədiyiniz dəyişiklikləri edin.

İpuçları

• Həmişə fərqli brauzerlərdə və fərqli əməliyyat sistemlərində saytın görünüşünü yoxlayın. Bəzi brauzerlər bir az fərqli yollarla CSS -ə qoşulurlar. Hətta eyni brauzerdə də ola bilər, ancaq Mac və Windows -un fərqli versiyalarında. Saytınız başqa bir brauzerdə fərqli görünürsə (məsələn, siyahılar kimi bəzi obyektlər arasındakı məsafə fərqli ölçüdədir), onda problem brauzerin parametrləridir. Əsas üslub cədvəlini tapın və standart brauzer parametrlərini dəyişdirmək üçün CSS faylının üstünə yapışdırın. Bu, parametrlərinizin brauzerin özündə heç bir şeyi dəyişdirməməsi üçün edilir.
• Mümkünsə xarici üslub cədvəli daxil edin. Bu, mənbə sənədindəki kodu dəyişdirərək saytın görünüşünü dəyişdirməyə imkan verəcəkdir. Bu şəkildə saytınızın hər səhifəsindəki CSS -ni dəyişdirmək məcburiyyətində deyilsiniz.
• Saytınız CSS-ə gözlədiyiniz kimi cavab vermirsə, düzgün yazıldığından əmin olmaq üçün bütün kodlamanı iki dəfə yoxlayın. Xüsusilə nöqtəli vergüllərə (";") və bağlanma mötərizələrinə ("}") xüsusi diqqət yetirin. Bir CSS sənədində bu simvollardan birini buraxmaq olduqca asandır.
• HTML faylını kompüterinizə qeyd edin ki, daha sonra onu müxtəlif veb brauzerlərdə aça biləsiniz və daha sonra yükləməzdən əvvəl görünüşünü iki dəfə yoxlayasınız. Ancaq onu yükləmək üçün CSS faylının HTML -yə xarici üslub cədvəli kimi daxil edilməsi lazımdır.
• Stil vərəqi özünə ziddirsə - məsələn, əvvəlcə mətnin mavi olacağını, sonra qırmızı olacağını bildirir - son şərt həmişə yerinə yetiriləcəkdir. Bir əmr xarici üslub cədvəli, digəri daxili üslub cədvəli olarsa, daxili üslub cədvəli aktiv olacaq.

Xəbərdarlıqlar

• "Açıq" hazırlama CSS -dən, yəni HTML etiketinə daxil olan CSS -dən istifadə etməyin. (Məsələn: "align = 'center'" açıq bir CSS ayarıdır). Sintaksisi zəif olan köhnəlmiş bir seçimdir. Bir müddət sonra saytı yeniləməlisinizsə, bu ayarı dəyişdirmək çətin olacaq.