1. I dne första videon lär vi oss grundläggande terminologi, kopplar CSS till HTML i en extern fil, samt skriver första regeln där vi ger bakgrunden en färg.
    Du kan ladda se den färdiga webbplatsen här (och läsa källkoden): http://kurs-resurs.se/demo/css/exempel_nedladdning/css-introduktion-vimeo/
    Vill du följa med från början finns html-filen och bilden att hämta här: http://kurs-resurs.se/demo/css/exempel_nedladdning/css-introduktion-vimeo/css-introduktion.zip

    # vimeo.com/52099182 Uploaded
  2. Vi gör några grundläggande formateringar av texten, väljer typsnitt och länkar in ett gratis typsnitt från googles webfonts.
    Vi tipsar även om ett par bra resurser på nätet för att få hjälp med css.

    # vimeo.com/52099184 Uploaded
  3. Vi kikar på det oundgängliga verktyget Firebug, som hjälper oss att smidigt undersöka innehållet på en sida. Vi kan se vilken css som gäller för viss html. Vi kan även se värden för t.ex. marginaler (margin). Vi justerar marginalen för sidan.

    # vimeo.com/52099185 Uploaded
  4. Vi formaterar h1, ljus text på mörk platta.
    Vi sätter bakgrundsfärg på header, och behöver justera padding för att få färgen att fylla ut hela #container

    # vimeo.com/52102960 Uploaded
  5. Vi justerar bredden på vår #container och centrerar innehållet.
    Vi lägger in bakgrundsfärg och ser på förkortningar för att skriva färg.
    I Notepad++ visar vi även hur vi kan dra ihop kod.

    # vimeo.com/52099189 Uploaded

CSS-introduktion

kurs-resurs

Videor som introducerar hur man bygger upp en sida med CSS i Notepad++ (eller annan editor).

Browse This Channel

Shout Box

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.