Video: Tranzitiile CSS3 - Efect de hover asupra imaginilor 2024
Inspectorul de proprietăți Adobe Creative Suite 5 (Adobe CS5) Dreamweaver este folosit pentru a aplica etichete HTML și a construi clase CSS pentru a formata culoarea textului, chipul, dimensiunea și alte caracteristici. Inspectorul proprietății este împărțit în două vizualizări: HTML și CSS. Puteți să le schimbați utilizând butoanele din partea stângă a panoului.
Iată care sunt toate butoanele din inspectorul proprietății:
-
Format (HTML): Utilizați lista derulantă Format pentru a aplica etichete HTML care formatează un întreg paragraf, 6) care se aplică, în general, titlurilor și titlurilor, etichetei paragrafului și etichetei de text preformate. Puteți să reglați cu ușurință atributele fiecăruia dintre aceste etichete mai târziu utilizând CSS.
Ultima alegere din lista derulantă Format este Preformatted, permite browserului dvs. să afișeze textul exact așa cum l-ați compilat.
-
ID (HTML): Această setare aplică un stil CSS ID la un element. ID-urile sunt un tip specific de regulă CSS (sau selector) care sunt utilizate pentru a stoca informații de formatare unice pentru un singur element de pe pagină (de exemplu, informații de poziționare pentru un container).
-
Clasă (HTML): Această listă derulantă aplică un stil existent la o selecție pe pagină. Stilurile de clasă pot fi create cu inspectorul proprietății sau direct din panoul de stiluri CSS.
-
Link (HTML): Tastați un hyperlink (cum ar fi www. Wiley.com) sau faceți clic pe pictograma dosarului pentru a naviga și a vă conecta la o altă pagină din site-ul dvs. web.
-
Țintă (HTML): Alegeți unde va apărea ținta asociată.
-
Bold (HTML / CSS): Text selectat îngroșat.
-
Italic (HTML / CSS): Italicize textul selectat.
-
Aliniere (CSS): Puteți face clic pe butoanele de aliniere din bara de instrumente pentru a aplica alinierea la stânga, centru și dreapta. Pentru a reveni la alinierea din stânga, faceți clic din nou pe butonul de aliniere selectat.
-
Listă neordonată (HTML): Introduceți automat gloanțele în fața elementelor listate. Pe măsură ce avansați în utilizarea foilor de stil cascadă, puteți aplica mai multe atribute listelor, inclusiv personalizarea gloanțelor.
-
Listă ordonată (HTML): Numără automat fiecare linie suplimentară de text de fiecare dată când apăsați tasta Enter (Windows) sau Return (Mac).
Pentru a forța textul la o altă linie fără a adăuga o numerotare automată, apăsați Shift + Enter (Windows) sau Shift + Return (Mac).
-
Text Outdent (HTML): Renunțați apăsând butonul Indent cu butonul Outdent Text. Această opțiune elimină eticheta
pe care creează butonul Indent text.
-
Indentul textului (HTML): Utilizați această opțiune pentru indentarea textului. Pur și simplu puneți cursorul în paragraful de text pe care doriți să îl indentați și apăsați butonul Text Indent. Se aplică o etichetă
.
-
Regula țintă (CSS): Modificați o regulă CSS existentă sau creați una nouă. Această listă derulantă arată clar dacă creați o nouă regulă sau modificați o regulă nouă în inspectorul proprietății.
-
Butoanele Editare Rule / CSS () Pentru regula afișată în lista derulantă "Rule Target", puteți să editați proprietățile și valorile pentru acea regulă în caseta de dialog CSS Rule Definition sau să o vizualizați în panoul CSS Stiluri din dreapta, respectiv.
-
Font (CSS): Fontul este fontul pe care îl alegeți pentru afișarea textului. Rețineți că ce font vede spectatorul se bazează pe disponibilitatea fonturilor de pe computerul respectivului utilizator. Din acest motiv, seturile de fonturi sunt limitate la fonturi de sistem de bază care sunt instalate pe majoritatea calculatoarelor, indiferent de sistemul de operare.
Este posibil ca vizualizatorul să nu aibă fonturi pe care le încărcați în seturile de fonturi, deci încercați să păstrați aceste tipuri de fonturi comune ca cele deja incluse în seturile de fonturi Dreamweaver existente.