Daha çox stil və layout nəzarət üçün CSS ilə span və div istifadə edin.
Veb dizayn və HTML / CSS-lər üçün yeni olan bir çox insanlar və Div elementi veb səhifənizdə məntiqi bölmələr müəyyən edir. Əsasən, bir yerdə mantıksal olaraq bir araya gələrək digər HTML elementləri yerləşdirə bilərsiniz. Bir bölmə, paraqraflar, başlıqlar, siyahılar, bağlantılar, şəkillər və s. Kimi bir çox elementə malik ola bilər. Hətta HTML sənədinizə əlavə struktur və təşkilatma təmin etmək üçün onun içərisində digər bölmələrə də malik ola bilər. Div elementindən istifadə etmək üçün Divanın məzmunu Sayfanızın alanı daha sonra CSS ile stil üçün kullanacağınız bir sıra əlavə məlumatlara ehtiyac duyarsa, bir id seçici əlavə edə bilərsiniz (məsələn, id = "myDiv">) və ya bir sinif seçicisi (məsələn, class = "bigDiv">). Bu xüsusiyyətlərin hər ikisi daha sonra CSS istifadə edərək və ya JavaScript istifadə edərək redaktə edilə bilər. Mövcud olan ən yaxşı təcrübələr, şəxsiyyət identifikatorları yerinə, sinif seçicilərindən istifadə etmək üçün yalındırlar. Doğrudan da, siz ya birdən istifadə edə bilərsiniz, hətta bir şəxsiyyət və sinif seçicisini bölüşdürə bilərsiniz. Div elementi HTML5 bölmə elementindən fərqlənir, çünki əlavə məzmunu semantik məna vermir. Məzmun blokunun bir div və ya bir bölmə olmadığı təqdirdə, elementin və məzmunun məqsədi hansı istifadə edəcəyinizə qərar verməyiniz barədə düşünün: Nəhayət, hər iki divs və bölmələr olduqca oxşar davranır və sitenizin görünüşünü əldə etmək üçün CSS-lərlə onların dəyərlərini və dəyərlərini onlara verə bilərsiniz. Hər ikisi blok səviyyəli elementlərdir. Span elementi default olaraq inline elementdir. Bu div və bölmə elementlərindən fərqlənir. Span elementi tez-tez bəzəmək üçün əlavə bir "çəngəl" vermək üçün, adətən mətnin tərkib hissəsini kəsmək üçün istifadə olunur. CSS ilə istifadə edildikdə, o, əhatə edən mətnin tərzini dəyişə bilər; Lakin, heç bir stil atributu olmadan, span elementi tək mətnə təsir göstərmir. Bu span və div elementləri arasında əsas fərqdir. Yuxarıda qeyd edildiyi kimi, div elemanı bir paraqraf fasiyasını ehtiva edir, span elementi isə brauzerə yalnız Vurgulu mətn və vurğulanmadığı mətn. CSS (məsələn, class = "highlight">) ilə mətni tərtib etmək üçün sinif = "vurğulamaq" və ya başqa bir sinifə əlavə edin. Span elementinin lazımi xüsusiyyətləri yoxdur, lakin ən faydalı olan üç element div elementi ilə eynidır: Sənəddə yeni bir blok səviyyəli element kimi məzmunu təyin etmədən məzmun stilini dəyişdirmək istədiyiniz zaman span istifadə edin. Məsələn, bir h3 başlığının ikinci sözü qırmızı olmasını istəyirsənsə, sözü qırmızı mətn kimi tərtib edəcək bir span elementi ilə əhatə edə bilərsiniz. Söz hələ h3 elementinin bir hissəsi olaraq qalır, indi isə qırmızı rəngdə göstərilir: Jeremy Girard tərəfindən 2/2/17 tarixində redaktə edildi
Element istifadə
Bu mənim Awesome Headline