La începutul acestui capitol, am aflat că toate atributele de stil pe care le-am considerat pot fi specificate pentru orice elemente ale paginilor Web: blocate și încorporate. Prin urmare, putem seta mărimea fontului atât pentru paragraful (eticheta bloc
) și pentru un text important (etichete încorporate și ). Aceasta este o oportunitate foarte utilă.
Dar dacă ar fi trebuit să aplicăm un anumit stil unui fragment arbitrar al textului, fără să îl marchem cu o etichetă? De exemplu, trebuie să separăm fragmentul paragrafului cu caractere aldine, dar nu vrem să îl includem în etichetă . Poate CSS să ne ajute în asta?
CSS nu poate. Dar HTML poate. Ea specifică pentru astfel de cazuri oferă elemente speciale ale paginii Web - containere - și, desigur, etichetele corespunzătoare. Despre containere acum și vor vorbi.
Un container este un element al unei pagini Web destinat exclusiv evidențierii unui fragment dintr-o pagină Web. Acest fragment poate fi o parte dintr-un element de bloc (paragraf, titlu, citare, text de formatare fixă etc.), un element bloc sau mai multe elemente de bloc simultan. Browserul Web nu alocă un container pe pagina Web.
Containerul are două scopuri. În primul rând, cu ajutorul său, putem atașa stilul dorit unui anumit element sau elemente ale unei pagini Web; pentru aceasta este suficient să închideți elementul sau elementele în recipient și să le legați stilul. În al doilea rând, acesta poate oferi o legare a comportamentului unui element sau elemente ale unei pagini Web; Acest lucru se face în același mod ca și în cazul stilului. (Comportamentul paginii Web va fi discutat în partea a III-a.)
Containerele sunt blocate și încorporate. Discutați despre containerele bloc, vom amâna până la capitolul 10, în care vom lua în considerare designul containerului Web. Să vorbim despre containerele încorporate.
Prin definiție, este clar că containerul încorporat face parte din elementul bloc al paginii Web. Deci, un container bloc poate fi un fragment dintr-un paragraf sau un citat, o imagine grafică plasată într-un paragraf etc.
Un container încorporat este creat utilizând eticheta pereche . Fragmentul elementului de bloc care trebuie transformat în conținutul containerului încorporat este plasat în această etichetă:
idee este creat folosind stilurile CSS.
Aici am pus un fragment al paragrafului în containerul încorporat.
Sensul din primul nostru container încorporat nu este unul. Deci, să le acordăm un anumit stil (vezi Listing 8.1).
Acum cuvântul "Vizualizare" va fi tipărit cu caractere aldine.