CSS, və ya Cascading Style Sheets, bir səhifəyə vizual görünüşü tətbiq etmək üçün müasir veb sayt dizaynında istifadə olunur. HTML HTML-nin strukturunu yaratdı və Javascript davranışları idarə edə bilsə də, bir veb saytın görünüşü və hissəsi CSS-nin domenidir. Bu üslublara gəldikdə, onlar tez-tez xarici stillərdən istifadə olunurlar, ancaq "inline styles" kimi tanınanları istifadə edərək, CSS üslublarını bir, müəyyən elementə də tətbiq edə bilərsiniz.
Inline üslubları CSS-də birbaşa HTML səhifəsində tətbiq olunur. Bu yanaşma üçün həm üstünlüklər, həm də mənfi cəhətlər var. Birincisi, bu üslubların necə yazıldığını tam olaraq nəzərdən keçirək.
Inline Style yazmaq üçün necə
Inline CSS stili yaratmaq üçün stilinizin xüsusiyyətini bir stil formasında necə olacağınıza bənzər yazmaqla başlayırsınız, ancaq bütün bir xətt olmalıdır. Bir stil hesabatında olduğu kimi bir çox xüsusiyyətləri bir nöqtəli vergüllə ayırın.
fon: #ccc; rəng: #fff; sərhəd: qatı qara 1px;
Üslubun xəttini tərtib etmək istədiyiniz elementin stil atributunun içərisinə qoyun. Məsələn, bu stilinizi HTML-də bir paraqrafa tətbiq etmək istəyirsinizsə, bu element bu kimi görünür:
Bu misalda, bu paraqraf açıq-gümüş bir fon (nə #ccc göstərəcək), qara mətn (# 000 rəngdən) və 1-pixel qatı qara sərhəd ilə, .
Inline Styles-ın üstünlükləri
Cascading Style Sheet inline üslublarının şəlaləsi sayəsində bir sənəddə yüksək prioritet və spesifiklik var. Bu, xarici üslubda nə diktə etdiyindən asılı olmayaraq tətbiq olunacaqları deməkdir (bir istisna olmaqla, bu hesabatı verən hər hansı bir üslub olmalı, ancaq bu, əgər istehsal sahələrində edilməsi lazım olan bir şey deyilsə) qarşısını almaq olar).
Inline üslublarına görə daha üstün olan yeganə üslublar oxucuların özləri tərəfindən tətbiq olunan istifadəçi üslublarıdır . Değişikliklerinizin uygulanmasıyla ilgili sorun yaşıyorsanız, öğe içi bir stili ayarlamayı deneyebilirsiniz. Əgər üslublar hələ inline bir stildən istifadə etməyəcəklərsə, başqa bir şeyin baş verdiyini bilirsiniz.
Inline üslubları asan və sürətli əlavə olunur və dəyişdirmək istədiyiniz elementə birbaşa üslub əlavə etdiyinizdən sonra müvafiq CSS seçicisini yazmaqdan narahat olmayın (bu element əslində xarici stildə yazdığınız seçəni əvəz edir) ). Sənədinizin başında yeni bir sənəd (xarici stillərlə olduğu kimi) yaratmaq və ya yeni bir element yaratmaq lazım deyil (daxili stillərlə olduğu kimi). Siz demək olar ki, hər bir HTML elementində etibarlı olan stil atributunu əlavə edirsiniz. Bu inline üslubları istifadə etmək üçün cəlbedici olmağınızın səbəbləri bunlardır, ancaq bu yanaşma üçün bir çox əhəmiyyətli mənfi cəhətləri də bilməliyik.
Inline Styles'ların dezavantajları
Satırdakı üslublar onlar şəlalədəki ən spesifik xüsusiyyətlər olduğundan, sizin üçün niyyət etmədiyiniz şeyləri aşa bilərlər. Onlar gələcək yenilikləri və stil dəyişiklikləri idarə etmək üçün daha asan etmək üçün bir CSS CSS-dən stil çox və çox web pages bir çox bacarığı CSS-in ən güclü aspektlərindən birinə rədd et.
Yalnız inline üslubları istifadə etməlisinizsə, sənədləriniz tez bir zamanda şişirdilmiş və qorumaq üçün çox çətin olardı. Bunun səbəbi inline üslubların istədiyiniz hər elementə tətbiq edilməsidir. Bütün paraqrafların font ailənin "Arial" olmasını istəyirsinizsə, sənədinizdə hər
etiketinə bir inline stil əlavə etmək lazımdır. Bu, həm də font-ailəni dəyişdirmək üçün sitenizdeki hər səhifəyə bu dəyişikliyi dəyişdirməlisiniz, çünki dizayner üçün saxlama işləri və oxucu üçün yükləmə vaxtı əlavə olunur. Alternativ olaraq, ayrı bir üslubu istifadə etsəniz, onu bir yerə dəyişə və hər səhifə yeniləməni ala bilər.
Doğrudan da, bu web dizaynında geri addımdır - etiketinin günlərini geri al!
Satırdakı üslublara bir dəvət, yalançı elementləri və onlarla olan sinifləri tərz etmək mümkün deyil. Məsələn, xarici stillərlə birlikdə, bir çapa etiketi ziyarət, hover, aktiv və əlaqə rəngi tərtib edə bilərsiniz, ancaq bir inline tərzi ilə bütün stilinizin özü linkdir, çünki bu stil atributu əlavə olunur .
Nəticədə, veb səhifələriniz üçün inline üslubları istifadə etməməyi məsləhət görürük , çünki problemlər yaradır və səhifələri saxlamaq üçün daha çox iş aparır. Onları istifadə etdiyimiz tək zaman inkişaf zamanı tez bir stili yoxlamaq istəməyimizdir. Bir elə bir element üçün doğru baxdıqdan sonra, onu xarici stilimizə daşıyırıq.
Jennifer Krynin tərəfindən hazırlanan məqalə. Jeremy Girard tərəfindən düzəldildi.