Lesson 4: Fashioning CSS

• CSS stands for Cascading Style Sheet.
• Style Sheets - refers to the CSS document itself.
• Cascading - refers to how style rules are applied to page element.
• CSS - is a language that defines the design and layout of web pages. It is also the standard language for styling and typically works conjunction with HTML.
• CSS Syntax rule consists of:

  • Selector
  • Property
  • Value
• selector {Property: value; }

  Example.

  p { color: green; font-family: sans-serif; }
• Declaration - combination of a property and its corresponding value.
• Selector - target and select specific HTML elements to apply styles to.
• Property - defines the specific aspect or characteristic of an element that you want to modify.
• Value - assigned setting or parameter for a given property, determining how the selected element should appear or behave.
• Element Selector - selects HTML elements based on their tag names.
• Class Selector - selects HTML elements based on their class attribute.
• ID Selector - selects a specific HTML element based on its unique ID attribute.
• External CSS - you can change the look of an entire website by changing just one file.
• Internal CSS - may be used if one single HTML page has a unique style. It is defined inside the <style> element, inside the head section.
• Inline CSS - may be used to apply a unique style for a single element. The style attribute can contain any CSS property.
• CSS Font - adds value to your text.
• Generic Font Families:

  • Serif - small stroke at the edges of each letter; formality and elegance.
  • Sans-serif - have clean lines; modern and minimalistic look.
  • Monospace - letters have the same fix width; mechanical look.
  • Cursive - imitate human handwriting.
  • Fantasy - decorative/playful fonts.
• CSS Color - is a way to make your web pages look visually appealing.
• CSS Text - defines how to perform text manipulation, like line breaking, justification and alignment, white space handling, and text transformation.
• CSS Comment - used to ass explanatory notes to the code or to prevent the browser from interpreting specific parts of the style sheet.

  
  

  /* Comment */