logo
logo-wordmark-sv.png
Introduction to web programming (1DV525)
    • Setup
      • Details
      • Literature
      • Learning environment
      • Schedula & Planning
      • 3-week call
      • Grading
      • Plagiarism
      • Evaluation & Feedback
      • Reregistration
    • Part 0 - Introduction and prepare
      • L00 - Course introduction
      • Lab environment
      • Work with Git
    • Part 1 - HTML, CSS, JavaScript
      • L01 - HTML
      • L02 - CSS
      • L03 - JavaScript #1
      • L04 - JavaScript #2
      • A01 - Build a website
    • Part 2 - Client-side JavaScript
      • L05 - JavaScript development environment
      • L06 - Browser and the DOM
      • L07 - Browser and Events
      • L08 - Classes & Modules
      • L09 - Asynchronous programming
      • Exercise: BartBoard demonstration
      • A02 - Code JavaScript with browser
    • Part 3 - Single Page Application (SPA)
      • L10 - Spa & Offline
      • L11 - Optimization & Accessibility
      • L12 - Web API and future
      • L13 - JavaScript Frameworks
      • A03 - JavaScript SPA
    • Guide
      • Git Guide
        • Git - versionshantering
        • Git - commits
        • Git - Multiple Git user configs
        • Git - SSH-keys troubleshooting

      • Setup
        • Details
        • Literature
        • Learning environment
        • Schedula & Planning
        • 3-week call
        • Grading
        • Plagiarism
        • Evaluation & Feedback
        • Reregistration
      • Part 0 - Introduction and prepare
        • L00 - Course introduction
        • Lab environment
        • Work with Git
      • Part 1 - HTML, CSS, JavaScript
        • L01 - HTML
        • L02 - CSS
        • L03 - JavaScript #1
        • L04 - JavaScript #2
        • A01 - Build a website
      • Part 2 - Client-side JavaScript
        • L05 - JavaScript development environment
        • L06 - Browser and the DOM
        • L07 - Browser and Events
        • L08 - Classes & Modules
        • L09 - Asynchronous programming
        • Exercise: BartBoard demonstration
        • A02 - Code JavaScript with browser
      • Part 3 - Single Page Application (SPA)
        • L10 - Spa & Offline
        • L11 - Optimization & Accessibility
        • L12 - Web API and future
        • L13 - JavaScript Frameworks
        • A03 - JavaScript SPA
      • Guide
        • Git Guide
          • Git - versionshantering
          • Git - commits
          • Git - Multiple Git user configs
          • Git - SSH-keys troubleshooting

    L02 - CSS

    Lecture L02 on (HTML and) CSS.

    To get going how to build a website using HTML and CSS.

    An practical introduction to working with HTML and CSS. Focusing on the CSS part.

    Presentation

    View the presentation "L02 - An introduction to CSS" from 2017 with Johan Leitet (1h 25min).

    The slides are here.

    References

    Validators

    • CSS validator
    • Unicorn validator for HTML and CSS

    Cheatsheet

    • W3C cheatsheet

    Reference

    • MDN CSS reference

    Compatibility

    • Can I Use (this HTML/CSS construct)?
    Previous
    L01 - HTML
    Next
    L03 - JavaScript #1
      INNEHĂ…LL
    • Presentation
    • References