Avatar billede Slettet bruger
19. juni 2008 - 10:45 Der er 3 kommentarer og
1 løsning

Strukturer mit stylesheet

Hej,

Jeg kunne godt tænke mig at vide hvordan jeg bedst strukturer mit stylesheet så det er overskueligt og nemt at gå til. Har kigget lidt omkring på nettet og der er vist mange holdninger til det. Hvordan man kan kategorisere ens stylesheet i kategorier osv. Men hvad synes i er bedst? Mit eget bud ville være noget ala:

/* Texts */
Alle styles der vedrører overskrifter og brødtekster

/* Links */
Alle styles der links

/* Pages */
Alle styles der sider, tabeller? m.m.

/* Navigation */
Alle styles der vedrører navigationen på sitet

/* Forms */
Alle styles der vedrører formularfelter

Mangler jeg noget eller er der en anden/bedre måde at strukture min CSS fil på?

Send også gerne et godt link til et site om emnet hvor der er flere gode opsætninger.
Avatar billede jih Nybegynder
19. juni 2008 - 11:06 #1
"gode" strukturer varierer fra person til person..

jeg ville fx lave det i flere stylesheets, sådan at siden linkede til default.css, mens default.css linkede til resten..

men efter det du har skrevet, synes jeg umiddelbart at det ser fint ud.. du "mangler" sådan set ikke noget, siden alt afhænger af hvor meget du vil "style"..

et stylesheet laves igennem hele websiden - bortset fra hvis du har det hele planlagt i forvejen og ved hvad du skal have..

det du har lavet er godt struktureret, sådan at alle (inkl. dig selv) kan let læse sig frem til hvor de enkelte koder de skal bruge ligger henne.. så hvis du skal have flere styles senere, som ikke rigtigt passer ind i nogle af de ovenstående, kan du selvfølgelig lave en ny overskrift (/* Overskrift */)..

håber ikke jeg har misforstået dit spørgsmål, siden det her indlæg blev en lille smulle længere end den skulle.. ;-)

// jih
Avatar billede Slettet bruger
19. juni 2008 - 12:10 #2
Okay jeg prøver mig lidt frem og bruger nogle af dine forslag.

Forresten, ved du om jeg kan lave så nedenstående CSS formateringer i mit css komme på alle headlines og ikke kun brødteksten?

Altså hvordan skal jeg lave effekten på H1, H2, H3 overskrifter? Er jeg nød til at sætte en class="xxxx" ind på alle H overskrifer?

a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #406913;
    font-size:10px;
    font-weight:normal;
    text-decoration:underline;}

Hvis du ikke kan svare på det er det også okay. Du må gerne oprette et svar. :)
Avatar billede roenving Novice
19. juni 2008 - 12:21 #3
Lige sådan et tilfælde kan det diskuteres om det er en fordel at bruge klasser, for selektoren bliver ganske voldsom:

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #406913;
    font-size:10px;
    font-weight:normal;
    text-decoration:underline;
}
Avatar billede jih Nybegynder
25. juni 2008 - 14:15 #4
forstår ikke helt, men det ser ud til at roenving kom mig i forvejen.. men her er et svar, så :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester