Tre metoder til at styre designet

De er kort fortalt tre overordnede metoder til at style indhold: altså eksempelvis styre skrifttyper, skriftfarve, skriftstørrelse, linjeafstand….

Om du bruger den ene, anden eller tredie metoder har ikke den store betydning for det æstetiske resultat. Du kan stort set opnå det samme med alle tre metoder.

Metoderne har først og fremmest betydning for, hvor hurtigt og effektivt du kan lave indstillinger og måske senere ændre dem.

Den hurtigste og mest effektive vej til styling er som regel at bruge ekstern css. Det er dog i mange tilfælde nyttigt at bruge intern css og i sjældne tilfælde inline CSS.

Du bør så vidt muligt prioritere css metode i den nævnte rækkefølge:

Ekstern CSS – koder til styling er placeret i et style sheet (CSS fil), der påvirker hele websitet
Intern CSS – koder til styling er indstillet på en side og påvirker indholdet på den konkrete side
Inline CSS – koder til styling er placeret helt tæt på teksten og påvirker kun indholdet i det konkrete element

Her er der brugt inline styling

Koder er placeret tæt på teksten. – Eksempelvis <span style=”color: #ff0000;”>Lorem ipsum dolor sit amet.</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Her er der brugt ekstern styling

Her det globale indstillinger i designskabelonens stylesheet (DIVI indstillinger) der styrer udseendet.

Kopierer man indholdet over på et andet website, vil udseendet bliver påvirket af, hvilke indstillinger der lavet i de globale indstillinger på dét website.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Her er der brugt intern styling

Lokale indstillinger i de forskellige sektioner, rækker og moduler styrer udseendet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sektioner, rækker, kolonner, elementer

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.