HTML-CSS

W3 Basic HTML Styles: Last week we started applying a few 'basic' elements, styles and formatting to make information easier to understand. However, the same layout may appear different, depending on the browser, operating system, and system settings. We also updated 'basic' styles with the 'inline' method.

CSS

Cascading Style Sheets (CSS) are used to format the layout, color, fonts, sizes, spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used for different displays for different devices and screen sizes, and much more... —

Inline CSS

W3 Inline CSS Style: The style 'ATTRIBUTE' is applied nestled inside elements (tags) nestled inside the 'BODY' section. It is used to apply a unique 'style' inside basic HTML tags such as headings and paragraphs, etc., nestled inside the opening and closing body tags. (See the video at 1:09 seconds). Gallery Examples: G1 and G2

Internal CSS

W3 Internal CSS Style:   The style 'ELEMENT' is applied inside the 'HEAD' section and is used to define style information for a single HTML page. The opening and closing style tags can control the body, headings, paragraphs, etc. (See the video at 0:49 seconds). Gallery Examples G3 and G4

1

Internal CSS

Step 1: Start applying internal styles to your index file. "Internal" CSS Style (video .49)   is when the 'style' element is applied inside the head section of your index file.   The opening and closing style tags can control the body, headings h1-6, paragraphs p, ordered ol and unordered ul lists li, etc.