What is the typical web experience?
Web Browser, Internet Service, Server, Database
What does web pages do?
Stored on the server
What does web browser do?
Requests a page
What does the internet service do?
Sends request to the server
What does server do?
Process and send back the content. Store files in various advanced formats. After processing, sends data back in HTML format
What can HTML content contain?
Style definitions (text color, size, font, backgrounds). Preferred the style kept in style definitions in CSS
What does CSS mean?
Cascading style sheets.
Why is CSS cascading?
The style stored in one CSS file and designs flow down a web page or collection of pages
What does CSS cascading style call on a file? What does it mean?
File: style.css; Make the changes cascade to all pages at once
What is the format for CSS
- Apply style <body> tag on entire HTML content.
- Wrap the set of style in {}
- Each ends with a semi-colon
- Specify the attribute name, value
- Use <div> elements to apply style
- <div> elements have sans-serif font
</div> - Apply to specific classes by using a dot and class name.
<div>This is header text. It will be in red and 30pt size.</div>
What are the two ways to reference CSS? Which one is preferred better?
- Internally: CSS self contained in html
- Externally: Segregate your style.
It is preferable to use the externally so you can reference this across your site to ensure common look and feel
