Review

tag/elements (HTML)


* Not mobile friendly yet *


Intro :

CSS Syntax

  • The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon.

    Multiple CSS declarations are separated with semicolons, and declaration blocks are surrounded by curly braces.

  • CSS can be added to HTML documents in 3 ways:

    Inline by using the style attribute inside HTML elements.

    example

    Internal by using a style element in the head section.



    External by using a link element to link to an external CSS file.



    • center/re-size?

  • re-size

  • Basic Fit :

    height?? width??

    100%?? auto??

    Example :

    example

    • images

  • width & height

  • The CSS height and width properties are used to set the height and width of an element. The CSS max-width property is used to set the maximum width of an element.

    example

    • Position

  • ???? We will begin by looking at positioning (also would work for fixed positioning and absolute. Fixed will always be to the viewport and absolute can change the contaning block)

    • Intermediate

    @media (responsive design)

    • Dynamic resize

  • When we declare a width on something usually we give it a specific size hard coded size (such as px, rem, %, vw, etc.). CSS use three keywords that rely on the instrinsic sizing of an element : min-content, ,max-content, & fit-content.