/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
lokal css styles og ekstern css
Fra : Asger-P


Dato : 11-09-11 13:52


Hejsa

Jeg har mine overvejelser omkring lokal css styles og ekstern css
Er det bedst helt at undgå de interne / lokale css styles til fordel
for at have alle styles i eksterne css filer eller er det egent ligt
ret smart at have en stor fil til alle de fælles styles og så have
dem der er unikke for den enkelte side internt i html'n.

Overvejelserne er:

Styles ender altid med at blive brugt mere end et sted så ud i css filen
med dem alle.

Css filen bliver hurtigt enorm hvis man skal have alle små justeringerne
til at være i den samme fil.

Hvad gør i, profferne ?

På forhånd tak
Venlig hilsen
Asger-P

 
 
Kim Ludvigsen (11-09-2011)
Kommentar
Fra : Kim Ludvigsen


Dato : 11-09-11 14:13

Den 11-09-2011 14:52, Asger-P skrev:

> Styles ender altid med at blive brugt mere end et sted så ud
> i css filen med dem alle.
>
> Css filen bliver hurtigt enorm hvis man skal have alle små
> justeringerne til at være i den samme fil.

Alle generelle styles ud i CSS-filen. Hvis en style er så
speciel, at den kun skal bruges på en eller to sider, så
lokalt. Men det afhænger selvfølgelig også af det samlede
antal sider. Hvis der er hundreder, så ovenstående. Hvis der
er ti, så alt i CSS-filen.

--
Mvh. Kim Ludvigsen
Undgå virus og andet snavs på computeren:
http://pc-sikkerhed.dk

Philip Nunnegaard (11-09-2011)
Kommentar
Fra : Philip Nunnegaard


Dato : 11-09-11 15:24

Asger-P skrev:

> Overvejelserne er:
>
> Styles ender altid med at blive brugt mere end et sted så ud i css filen
> med dem alle.
>
> Css filen bliver hurtigt enorm hvis man skal have alle små justeringerne
> til at være i den samme fil.
>
> Hvad gør i, profferne ?

Som Kim Ludvigsen.
Generelle stilerklæringer ud i den eksterne fil.
Lokale lægger jeg internt.

I et udkast til ny version af en eksisterende side har jeg ud over disse
2 muligheder også lavet en særlig css-fil for hver sektion.

--
Philip

Allan Vebel (11-09-2011)
Kommentar
Fra : Allan Vebel


Dato : 11-09-11 20:16

Asger-P skrev:

> Css filen bliver hurtigt enorm hvis man skal
> have alle små justeringerne til at være i den
> samme fil.

Jeg laver som regel altid én stor ekstern css-
fil. Er der en stor og kompliceret menu, kan jeg
finde på at lave en menu.css som kun styrer
menuen.

Ja, en css-fil kan blive meget stor - her kan man
lave kommentarer: /*Her starter menuen*/ og
/*Her slutter menuen*/ - eller kommentarer til de
enkelte punkter: /*Afstand mellem knapper*/

Jeg laver som regel også en print.css hvor jeg
slukker for menuen og andre ting der ikke skal
med ud på papiret.

--
Allan Vebel
http://vebel.dk/wdg


Birger Sørensen (11-09-2011)
Kommentar
Fra : Birger Sørensen


Dato : 11-09-11 20:24

Asger-P frembragte:
> Hejsa
>
> Jeg har mine overvejelser omkring lokal css styles og ekstern css
> Er det bedst helt at undgå de interne / lokale css styles til fordel
> for at have alle styles i eksterne css filer eller er det egent ligt
> ret smart at have en stor fil til alle de fælles styles og så have
> dem der er unikke for den enkelte side internt i html'n.
>
> Overvejelserne er:
>
> Styles ender altid med at blive brugt mere end et sted så ud i css filen
> med dem alle.
>
> Css filen bliver hurtigt enorm hvis man skal have alle små justeringerne
> til at være i den samme fil.
>
> Hvad gør i, profferne ?
>
> På forhånd tak
> Venlig hilsen
> Asger-P

Når filen bliver så stor, at du ikke kan overskue den, deler du den i
to eller flere - evt. efter indhold, så ting der hører til menu står
sammen, ting der hører til visning af indhold står sammen, reklamerne,
header og footer, etc...
Hvis det generer dig, at have forskellige filer - det tager lidt
længere at overføre flere - så kan du når du er færdig med at designe
eller vedligeholde, sætte dem sammen igen - evt med kommentarer, for at
lettte overblikket.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Rune Jensen (12-09-2011)
Kommentar
Fra : Rune Jensen


Dato : 12-09-11 08:40

On 11 Sep., 12:24, Birger Sørensen <s...@bbsorensen.com> wrote:

> Hvis det generer dig, at have forskellige filer - det tager lidt
> længere at overføre flere - så kan du når du er færdig med at designe
> eller vedligeholde, sætte dem sammen igen - evt med kommentarer, for at
> lettte overblikket.

Det ville jeg bruge en fletterutine til. Og der er en del færdige til
PHP af dem. Man kan også søge på PHP script minifying CSS på Google,
en del af disse rutiner kan også merge/sammenflette.

Jeg har nogle færdige rutiner - men de er i ren ASP, ikke PHP.


MVH
Rune Jensen

Rune Jensen (12-09-2011)
Kommentar
Fra : Rune Jensen


Dato : 12-09-11 08:36

On 11 Sep., 05:52, Asger-P <j...@asger-p.dk> wrote:
> Hejsa
>
> Jeg har mine overvejelser omkring lokal css styles og ekstern css
> Er det bedst helt at undgå de interne / lokale css styles til fordel
> for at have alle styles i eksterne css filer eller er det egent ligt
> ret smart at have en stor fil til alle de fælles styles og så have
> dem der er unikke for den enkelte side internt i html'n.
>
> Overvejelserne er:
>
> Styles ender altid med at blive brugt mere end et sted så ud i css filen
> med dem alle.
>
> Css filen bliver hurtigt enorm hvis man skal have alle små justeringerne
> til at være i den samme fil.
>
> Hvad gør i, profferne ?

Det kommer helt an på hvad siden skal bruges til. Du kan godt regne
med, at både Youtube og Facebook, de har delt alt hvad der hedder CSS
og JS op i mindre dele (repositories), som de kan plukke af, alt efter
netop den sides funktion. Her skal tænkes på, at f.eks. i-gadgets ikke
kan cashe mere end 20kb (SVJH)

Der findes en del sammenfletningsrutiner til PHP, men da det ikke er
min stærke side, må du selv lede. Søg efter f.eks. merge CSS på
google. Nogle af disse rutiner har både merge og minify, en del jeg
har set bruger RegEx - de bedste, jeg har set bruger rigtig C, som er
hurtigere end Regex. Derudover kan visse også tilføje GZIP (men ved
ikke, om de kun kan bruges til wordpress).

Det, som de rutiner skal kunne er, du skal kunne redigere i din CSS
som normalt, og så skal de selv kunne merge og minify enten on the fly
eller ved første access (jeg bruger en search string variable, eks.:
domain.dk/script/css.asp?f=main,galleri - det bedste er dog, det er en
del af selve filnavnet i stedet af hensyn til proxier)

....hvor det er css.asp, som sørger for både merging og minifying (idt.
læser den to forskellige CSSer main.css som bruges på alle sider og
galleri.css som bruges til galleriet, merger og minifyer dem).

Hvis du selv vil lave en sådan rutine, så spørg i serverside. Jeg har
mine rutiner fra Stig Johansen, så han kan helt sikkert forklare
baggrunden for dem. Jeg har dem ikke her, så kan ikke tjekke dem...


MVH
Rune Jensen

scootergrisen (12-09-2011)
Kommentar
Fra : scootergrisen


Dato : 12-09-11 09:12

Jeg tror bare du skal tænke hvordan du lettest kan ændre på koden i
fremtiden også vælge den løsning der er lettest for dig.

Hvis du skal bruge en style på mange sider så giver det pænt meget
mening at have have det i en ekstern css fil da du så kun skal rette
ét sted når du engang skal rette på det. For eksempel hvis du vil
style <body> som skal se ens ud på alle sider.

Men hvis du skal bruge en style inline som <div style="noget styling">
på en enkelt side så kan det være lettere at forstå hvis du bare
skriver den inline istedet for du giver den en id også skal du ind i
din css fil og finde den id og ændre stylen. Du kunne lige så godt
have den inline så.

Nu bruger jeg PHP til at generer HTML koden på min hjemmeside og det
betyder så at det kan være let nok at lave mange inline styles uden
det store problem.
Men skriver man det hele i HTML uden brug at server side scripting som
PHP så er det ikke så let med en masse inline styles så man så skal
ændre mange flere steder men altså der er jo mange muligheder for
hvordan man vil gøre det.
Syns bare du skal vælge den der gør det lettest at ændre i koden i
fremtiden.

Ellers check vores hjemmesider og se hvordan vi gør det.

http://scootergrisen.dk/

Jeg bruger primært 1 ekstern stylesheet og jeg syns ikke der er nogen
fordel i at opdele en stor css fil i flere filer.



Birger Sørensen (12-09-2011)
Kommentar
Fra : Birger Sørensen


Dato : 12-09-11 17:25

scootergrisen sendte dette med sin computer:
> Jeg tror bare du skal tænke hvordan du lettest kan ændre på koden i
> fremtiden også vælge den løsning der er lettest for dig.
>
> Hvis du skal bruge en style på mange sider så giver det pænt meget
> mening at have have det i en ekstern css fil da du så kun skal rette
> ét sted når du engang skal rette på det. For eksempel hvis du vil
> style <body> som skal se ens ud på alle sider.
>
> Men hvis du skal bruge en style inline som <div style="noget styling">
> på en enkelt side så kan det være lettere at forstå hvis du bare
> skriver den inline istedet for du giver den en id også skal du ind i
> din css fil og finde den id og ændre stylen. Du kunne lige så godt
> have den inline så.
>
> Nu bruger jeg PHP til at generer HTML koden på min hjemmeside og det
> betyder så at det kan være let nok at lave mange inline styles uden
> det store problem.
> Men skriver man det hele i HTML uden brug at server side scripting som
> PHP så er det ikke så let med en masse inline styles så man så skal
> ændre mange flere steder men altså der er jo mange muligheder for
> hvordan man vil gøre det.
> Syns bare du skal vælge den der gør det lettest at ændre i koden i
> fremtiden.
>
> Ellers check vores hjemmesider og se hvordan vi gør det.
>
> http://scootergrisen.dk/
>
> Jeg bruger primært 1 ekstern stylesheet og jeg syns ikke der er nogen
> fordel i at opdele en stor css fil i flere filer.

Det der er det vigtige, er at man selv kan overskue tingene og finde
rundt, når man skal vedligeholde dem om ½ år.
Hvis det indebærer at dele filen op i flere små, er der ikke noget galt
i det.
Jeg bruger som scooter også serverside, og har forskellige filer, som
indsættes sammen med indholdet.
Der er selvfølgelig en generel som har det der hører til layout, og som
bruges fælles på alle sider.
Men der er nogle sider der kræver mere CSS end andre på et site.
Kontaktformularer, gæstebøger o.l. har som regel nogle CSS-klasser og
definitioner, der ikke bruges andre steder. De ligger så i deres egen
fil, og den CSS-fil hentes så ekstra, til de sider hvor de skal bruges.

At lægge dem inline er ikke smart. Ved ikke om scooter mener i tags
(det kan man være nødt til) eller i <head> - begge dele kaldes
"inline".
Og begge dele er forkert iht "best practice" - og som scooter påpeger,
er det umuligt at genbruge klasserne på andre sider end den, hvor de
ligger.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Jørn Andersen (13-09-2011)
Kommentar
Fra : Jørn Andersen


Dato : 13-09-11 01:07

On Mon, 12 Sep 2011 18:25:10 +0200, Birger Sørensen
<sdc@bbsorensen.com> wrote:

>Der er selvfølgelig en generel som har det der hører til layout, og som
>bruges fælles på alle sider.
>Men der er nogle sider der kræver mere CSS end andre på et site.
>Kontaktformularer, gæstebøger o.l. har som regel nogle CSS-klasser og
>definitioner, der ikke bruges andre steder. De ligger så i deres egen
>fil, og den CSS-fil hentes så ekstra, til de sider hvor de skal bruges.

Jeg gør noget lignende ...

Et CMS-system som Drupal (der er meget modul-opbygget) gør det samme,
så hvert modul i princippet kan generere sit eget stylesheet. Drupal
har så en funktion, der kan slå alle stylesheets sammen (vistnok
bortset fra print etc.), så brugeren kun ser (og skal cache) ét eller
et par enkelte stylesheet(s).

>At lægge dem inline er ikke smart. Ved ikke om scooter mener i tags
>(det kan man være nødt til) eller i <head> - begge dele kaldes
>"inline".

Det sidste har jeg oftest hørt omtalt som "embedded" - altså:
inline: <p style="whatever ...">
embedded: <style ...> </style>
ekstern: <link="mystyles.css" ... >

Mvh. Jørn

--
Jørn Andersen
socialister.dk
marxisme.dk

Søg
Reklame
Statistik
Spørgsmål : 177414
Tips : 31962
Nyheder : 719565
Indlæg : 6407847
Brugere : 218876

Månedens bedste
Årets bedste
Sidste års bedste