baskunskaper

...now browsing by tag

 
 

#GGM10 – CSS, basics

Saturday, May 22nd, 2010

@annika, Annika Lidne, gav oss en basic genomgång av CSS. Det är ju mycket bloggare, aspirerande bloggare och folk som är allmänt intresserade av att stylea sin sida.

Det första tipset hon gav: Använd inte Internet Explorer, när du utvecklar utseendet på din sida. Det är ej bakåtkompatibelt.
Kort lista av rekommenderade plugins för att jobba design i Firefox:

  • Webdeveloper toolbar
  • Firebug
  • Colorzilla
  • Hon beskrev på ett bildligt intressant sätt kaskadeffekten som används inom hela :n. Det börjar uppifrån och “rinner neråt”.

    Hon berättad kort om p, a och body. Men det blev lite snurrigt. Så jag vet inte vad jag fick med för anteckningar. I sin helhet skrev jag detta:

    p, all text. All brödtext ska vara svart, och ett visst ställe ska vara vitt. Sätta klasser på

    #hej .p
    Ett id/sida. klasser kan man gödsla med!

    a, alla länkar

    body
    innehåll, allt tricklar ner, och kaskad neråt. Fortsatt referens.

    Hon beskrev även för oss hur man skriver CSS-kod som så. CSS skrivs på ett speciellt sätt.
    body {
    color: #färgkod svart = #000000; vit = #FFFFFF
    }

    När man börjar skriva CSS på riktigt, Handkodning ftw!
    Med CSS idag kan man egentligen ändra allting på hela sidan! Vi kan påverka de små detaljerna i ett tema, för att tweaka det som vi vill ha det

    De attribut mellan måsvingarna som man behöver tänka på egentligen är

    Background-color:#
    background;
    color:
    border:

    Sen började hon visa varför hon rekommenderar att man använder Firebug.
    Firebug verkar som ett mycket bra verktyg. Mycket lätt att hitta, var det är man vill ändra i koden. Hon visar hur man enklare redigerar i sin CSS kod med verktyget. Bra och pedagogiskt.
    KASKAD! Glöm inte!!

    Header: norepeat, repeat-y, repeat-x
    Olika stylesheets