Cum să comutați între modul CSS și HTML în inspectorul proprietății Dreamweaver - dummies

Inspectorul de proprietăți, accesibil din partea inferioară a spațiului de lucru Dreamweaver, afișează proprietățile disponibile pentru orice element selectat pe pagină. Astfel, opțiunile din inspectorul proprietății sunt diferite atunci când este selectată o imagine decât atunci când este selectat text, de exemplu.

Când nu este selectat nimic sau când selectați text pe o pagină, inspectorul proprietății este împărțit în două secțiuni: HTML și CSS.

Rețineți că butoanele din partea stângă a inspectorului proprietății fac comutarea ușoară între aceste două moduri.

Dacă sunteți nou în CSS și HTML, înțelegerea diferențelor dintre aceste două moduri poate fi puțin confuză. În esență, dacă utilizați o pictogramă de formatare, cum ar fi bold în modul HTML, Dreamweaver adaugă eticheta HTML , ceea ce face ca textul să apară cu litere îngroșate în majoritatea browserelor web. Dacă utilizați aceeași pictogramă în modul CSS, Dreamweaver creează automat o regulă de stil care include opțiunea de formatare îndrăzneață.

Ori de câte ori editați un stil existent care a fost deja aplicat elementelor dintr-o pagină, modificările aduse stilului se aplică automat oriunde se utilizează stilul. Această caracteristică este minunată atunci când doriți să schimbați mai multe lucruri dintr-o dată, dar poate fi problematică dacă doriți să faceți un element (cum ar fi o rubrică) să apară într-un mod pe o singură pagină și într-un alt mod în altă parte.

Oricând doriți să creați sau să modificați un stil, utilizați inspectorul Proprietăți în modul CSS. Pe de altă parte, pentru a aplica un stil existent unui element de pe pagină, asigurați-vă că sunteți în modul HTML. De exemplu, pentru a alinia o imagine cu un stil de clasă sau pentru a aplica un stil de identitate unei etichete, trebuie să fiți în modul HTML.

Pentru a aplica un stil în modul HTML, selectați imaginea, textul sau alt element din pagina în care doriți să aplicați stilul și apoi utilizați listele drop-down Clasă sau ID pentru a selecta stilul; Dreamweaver îl aplică automat.

În mod similar, pentru a aplica o etichetă HTML, cum ar fi eticheta, trebuie să fiți în modul HTML. Dar creați sau editați o regulă CSS pentru eticheta

în modul CSS. Desigur, nu este necesar să creați sau să modificați stiluri cu inspectorul proprietății.Luați în considerare această metodă de scurtătură; este posibil să preferați să utilizați panoul CSS Designer pentru a efectua modificări semnificative ale unui stil.