Slik bytter du mellom CSS og HTML-modus i Dreamweaver Property Inspector - dummies

Video: css-0 2024

Eiendomsinspektøren, som er tilgjengelig fra bunnen av Dreamweaver-arbeidsområdet, viser egenskapene som er tilgjengelige for et hvilket som helst valgt element på siden. Dermed er alternativene i eiendomsinspektøren annerledes når et bilde er valgt enn når tekst er valgt, for eksempel.

Når ingenting er valgt, eller når du velger tekst på en side, er egenskapsinspektøren delt inn i to seksjoner: HTML og CSS.

Merk at knappene på venstre side av egenskapsinspektøren gjør det enkelt å skifte mellom disse to modusene.

Hvis du er ny i CSS og HTML, kan forstå forskjellene mellom disse to modi være litt forvirrende. I hovedsak, hvis du bruker et formateringsikon som fet i HTML-modus, legger Dreamweaver HTML -taggen, noe som gjør at tekst vises fet i de fleste nettlesere. Hvis du bruker det samme ikonet i CSS-modus, oppretter Dreamweaver automatisk en stilregel som inneholder fet formatering.

I CSS-modus kan du også velge å redigere eksisterende stiler for å legge til nye formateringsalternativer for stiler som allerede er brukt på tekst, bilder eller andre elementer på en side. Du kan redigere en eksisterende stil ved ganske enkelt å velge stilen i rullegardinlisten Målrettet regel og deretter bruke Font, Size og andre felt i Egenskapsinspektøren for å gjøre endringer eller tillegg.

Når du redigerer en eksisterende stil som allerede er brukt på elementer på en side, brukes endringene du gjør i stilen, hvor som helst stilen brukes. Denne funksjonen er fantastisk når du vil endre flere ting samtidig, men det kan være problematisk hvis du vil lage et element (for eksempel en overskrift), vises en vei på en side og en annen måte et annet sted.

Når du vil opprette eller redigere en stil, bruk Property inspector i CSS modus. På den annen side, for å bruke en eksisterende stil til et element på siden, må du kontrollere at du er i HTML-modus. For eksempel, for å justere et bilde med en klassestil eller bruke en ID-stil til en tagg, må du være i HTML-modus.

Hvis du vil bruke en stil i HTML-modus, velger du bildet, teksten eller annet element på siden der du vil bruke stilen, og bruker rullegardinlister Klass eller ID til å velge stilen. Dreamweaver bruker det automatisk.

På samme måte skal du bruke HTML-kode, for eksempel
-koden, i HTML-modus. Men du oppretter eller redigerer en CSS-regel for
-taggen i CSS-modus. Selvfølgelig trenger du ikke å opprette eller redigere stiler med eiendomsinspektøren.Vurder dette en snarvei metode; Du kan fortsatt foretrekke å bruke CSS Designer-panelet for å gjøre betydelige endringer i en stil.