Personalizarea etichetelor HTML cu reguli CSS - Selectorul HTML

Mai 17, 2024

Unul dintre motivele pentru care CSS este atât de popular este versatilitatea pe care o oferă etichetelor HTML. Deși nu puteți „dezactiva” controalele încorporate ale etichetei, puteți adăuga mai multe controale la etichetele HTML pentru a le extinde utilitatea. Faceți acest lucru prin adăugarea de noi definiții CSS în selectorul de etichete. Să folosim HTML-ul

etichetă pentru exemplul nostru și vom adăuga o culoare de fundal, o față de font, dimensiunea fontului și un control al culorii textului

etichetă. Acest lucru va determina totul între orice deschidere și închidere

etichetele care vor fi controlate de noile noastre definiții pe toată pagina web.

p {
culoare de fundal: # 000000;
font-familie: arial;
font-size: 12px;
culoare: #ffffff;
}

În exemplul nostru, regula CSS începe cu selectorul HTML (p), care este urmat de blocul de declarații CSS care conține toate definițiile proprietății-valoare pe care dorim să le adăugăm. Ca de obicei, fiecare definiție începe cu proprietatea, urmată de un punct, valoarea și se termină cu punct și virgulă. Întregul bloc este plasat în paranteze cret. Există câteva lucruri de reținut atunci când scrieți propriile reguli CSS pentru etichetele HTML.

Puteți plasa regula CSS personalizată în interiorul etichetelor în secțiunea din cap a paginii dvs.
Puteți plasa regula CSS personalizată într-un fișier CSS extern.
Definițiile CSS personalizate pe care le adăugați unui anumit selector de etichete trebuie să conțină proprietăți care pot fi controlate de acea etichetă.
Deoarece așezați regula personalizată în secțiunea din cap sau fișierul CSS extern, aceasta va afecta întreaga pagină web. Dacă aveți nevoie să controlați doar o etichetă HTML individuală (o singură instanță specială a unei etichete), aplicați un stil inline acelei etichete individuale.
Eticheta păstrează proprietățile încorporate ale respectivei etichete HTML. De exemplu, HTML eticheta bold va continua să aplice efectul bold pentru orice text plasat între deschidere și închidere Etichete.

Instrucțiuni Video,: Tutorial, curs HTML - Primul site in Notepad (Mai 2024).

Personalizarea etichetelor HTML cu reguli CSS - Selectorul HTML, HTML, cum să redefiniți o etichetă HTML, cum să utilizați CSS pentru a redefini o etichetă html, cum să definiți un selector CSS, cum să definiți o etichetă html, cum să utilizați css pentru a defini o etichetă html, selector CSS, ruls CSS, definiții CSS, perechi proprietate-valoare, cum să scrieți propriile reguli CSS

Articolul Precedent

Articolul Următor

Articole Similare

calculatoare

Captura de ecran Final Fantasy VIII

Mai 2024

Final Fantasy VIII are o grafică uimitoare, decupaje superbe și un dans memorabil. Aruncați o privire la capturile de ecran! Puteți citi, de asemenea, Recenzia Final Fantasy VIII. Seria Chocobo ...

calculatoare

Revizuirea calității de membru Adobe Plus

Mai 2024

Dacă sunteți fan AdobeR PhotoshopR Elemente sau PremieraR Elemente, veți dori să aruncați o privire spre Plus, care vă oferă acces la o bibliotecă de cunoștințe și resurse în continuă creștere....