Cum se definesc stilurile cu selectorul de taguri în Dreamweaver

Puteți crea stiluri complet noi în Dreamweaver utilizând selectorul de apeluri sau ID, dar puteți crea și stiluri care modifică formatul HTML existent Etichete. Aceste stiluri sunt create folosind selectorul de taguri , care este, de asemenea, cunoscut sub numele de selector de elemente . Când definiți un stil utilizând selectorul de etichete, puteți modifica aspectul, poziția și alte caracteristici ale oricărei etichete HTML existente.

Multe etichete HTML includ deja opțiuni de formatare. De exemplu, etichetele de titlu includ formatarea în stilul textului utilizând un font mare aldine. Când creați un stil cu un selector de tag-uri, trebuie să luați în considerare opțiunile de formatare deja asociate acelei etichete. Toate opțiunile pe care le definiți vor fi adăugate la formatul existent sau vor înlocui formatul.

Puteți să întrebați: "De ce aș redefini eticheta

în loc să creez doar un nou titlu de titlu utilizând selectorul de clasă sau ID? "Deși puteți defini un nou stil de clasă în loc să redefiniți o etichetă HTML, uneori utilizarea unei etichete HTML existente este mai bună.

Stilurile de titluri sunt deosebit de importante pe web, deoarece textul formatat într-o etichetă

este bine recunoscut ca cel mai important text dintr-o pagină. Printre altele, textul formatat într-o etichetă

poate lua o atenție specială de la motoarele de căutare.

Pentru a crea un stil care redefinește o etichetă HTML (cum ar fi eticheta

) cu selectorul de etichete, creați mai întâi un fișier sau deschideți unul existent și apoi urmați acești pași:

1În panoul Selectori al panoului CSS Designer, selectați foaia de stil la care doriți să adăugați noul stil.

Când creați un stil pentru o etichetă HTML existentă, nu este necesar să aplicați stilul în sine așa cum faceți cu stilurile de clasă și ID. Oriunde ați utilizat eticheta HTML, se aplică setările pentru definirea stilului.

2Dacă doriți să direcționați stilul la un anumit tip de suport media sau dimensiune a ecranului, alegeți sau definiți o interogare media în panoul @Media.

Utilizarea interogărilor media cu stiluri este opțională. Dacă nu specificați o interogare media, Dreamweaver va utiliza proprietatea Global și stilul dvs. va funcționa în toate formatele media și dimensiunile ecranului.

3Click pe semnul plus (+) din panoul Selectori.

Un nou selector este adăugat la panoul Selectori.

Când faceți clic pe semnul plus (+) pentru a crea un nou selector, se pot întâmpla câteva lucruri, în funcție de ceea ce se află deja pe pagina deschisă în Dreamweaver. Prima dată când creați un stil într-o pagină web goală, Dreamweaver intră în corp în panoul Selectori.

Dacă lucrați la o pagină cu text sau alt conținut format cu etichete sau stiluri HTML, Dreamweaver poate adăuga un selector compus pe baza elementelor care înconjoară orice ați selectat cu cursorul.

4În panoul Selectori, faceți dublu clic pe numele selectorului. Începeți să introduceți numele etichetei HTML, apoi selectați eticheta din lista derulantă care apare.

Puteți introduce numele oricărei etichete HTML pentru a crea un stil utilizând selectorul de etichete. Pe măsură ce tastați o etichetă HTML, apare o listă verticală cu etichete care încep cu aceeași literă pe care ați tastat-o. Selectarea etichetei dorite din listă, în loc să introduceți singur numele întregului etichetă, este o practică bună, pentru că evitați erorile.

5 În panoul Proprietăți, specificați setările dorite în regula stilului.

Fontul și culoarea sunt aplicate imediat textului din pagina formatată cu eticheta

.

Dacă doriți să puteți utiliza aceeași etichetă HTML cu formate diferite în diferite părți ale aceleiași pagini, puteți crea stiluri compuse. Stilurile compuse sunt utile, de exemplu, dacă doriți ca textul formatat cu eticheta

să pară diferit în partea principală a paginii dvs. decât în ​​bara laterală.