Embed Size (px)
DESCRIPTION
A style is: A group of formats that are setup as a unit and can be applied repeatedly. (generic definition) Advantages of CSS: Easy to edit and maintain More control (more features) Separate appearance from structure Can be stored and associated with web pages Smaller pages, potentially Types of CSS: Inline: Added as an attribute of an HTML tag and only applies to that individual element. Used to override others. Embedded: Defined in the head area between tags. Applies to the body of that document. External: A separate file which is linked in the section. Used for entire website. Mini Review of Cascading Style Sheets Syntax & example for inline style: selector {property: value";} p {line-height: 140%} Syntax & example for other CSS types: Link to external CSS file: Set up embedded CSS in area: How to apply CSS:
Citation preview
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
Practice for Chapter 3 (continued)
1. Use dummy text from www.blindtextgenerator.com to create 3 pages for:
Home | About Us | PortfolioHINT: For each page, you will “save as”
2. Link the pages together if not done yet.3. If you finish early:
- find a few pictures from your site, or - choose a color scheme from http://color.adobe.com
4. Finally, we will create a stylesheet together.
Steps to begin:1. Create folder called “freelance”. Put inside your chapter3 folder.2. Create the first page as template.html. In addition to the basic HTML
tags, the only other elements we’ll use on all pages are: div for the wrapper, nav, footer, and link to a CSS page called business.css.
A style is: A group of formats that are setup as a unit and can be applied repeatedly. (generic definition)
Advantages of CSS: • Easy to edit and maintain • More control (more features) • Separate appearance from structure• Can be stored and associated with
web pages• Smaller pages, potentially
Types of CSS: Inline: Added as an attribute of an HTML tag and only applies to that individual element. Used to override others.
Embedded: Defined in the head area between <style> tags. Applies to the body of that document.
External: A separate file which is linked in the <head> section. Used for entire website.
Mini Review of Cascading Style Sheets
<element style="property: value">
<blockquote style="color: #cc99ee" >
Syntax & example for inline style:
selector {property: value";}
p {line-height: 140%}
Syntax & example for other CSS types:
Link to external CSS file: <link rel="stylesheet" href="yourfile.css">
Set up embedded CSS in <head> area:<style>
</style>
How to apply CSS:
![Freelance Graphic Designer Invoice Template · Web viewInvoice table [ADD LOGO/IMAGE] FREELANCE GRAPHIC DESIGNER INVOICEDETAILS DATE: January 18, 2020 INVOICE NO. [#] FROM BILL TO](https://img.pdfslide.us/doc/110x75/600846128b3fde4e7a07b9c2/freelance-graphic-designer-invoice-template-web-view-invoice-table-add-logoimage.jpg)
