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 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>
New HTML file in Komodo 1) New CSS file in Komodo (mystyle.css) 2) Link CSS file from HTML (in head 3) section!) <link href =“mystyle.css” rel =“ stylesheet ”>
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
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
full reference sheet
Recommend
More recommend
