HTML CSS Content Presentation JavaScript Behavior CSS is for - - PowerPoint PPT Presentation

▶

Sep 21, 2023 358 likes •458 views

HTML CSS Content Presentation JavaScript Behavior CSS is for giving style to your content HTML: content CSS: style CSS Zen Garden The best (only way for this class!) way to insert CSS to your HTML is by using an External Style Sheet

SLIDE 1

SLIDE 2

HTML Content CSS Presentation JavaScript Behavior

SLIDE 3

CSS is for giving style to your content HTML: content CSS: style CSS Zen Garden

SLIDE 4

The best (only way for this class!) way to insert CSS to your HTML is by using an External Style Sheet Define all your styles in one place Easily change the look of your site Use the following <link> tag within the <head> tag

<link href=“mystyle.css” rel=stylesheet>

SLIDE 5

1)

New HTML file in Komodo

2)

New CSS file in Komodo (mystyle.css)

3)

Link CSS file from HTML (in head section!)

<link href=“mystyle.css” rel=“stylesheet”>

SLIDE 6

Selector specifies the HTML element to style Declaration: always contains a property & value ends with a semicolon Property: style element you want to change Value: what you are changing the property to

SLIDE 7

Formatting Practices: some flexibility, but you must be consistent. always comment unclear code! /* someCommentHere */ curly braces tab alignment Bad practices: declarations on the same line as braces or selector multiple declarations on the same line leaving off the last ; What does Komodo help you with? drop downs formats syntax errors

SLIDE 8