Introduction to CSS
Download as PPTX, PDF0 likes706 views
This document introduces CSS (Cascading Style Sheets), which is a language used to describe the appearance and formatting of HTML. It discusses three ways to incorporate CSS - through external style sheets, internal style sheets within the <head> tags, and inline styling within HTML tags. The direction of the cascade is explained, noting that more specific styles will override more general ones. Examples are provided of each incorporation method.
More Related Content
Similar to Introduction to CSS (20)
![Cascading style sheet (css)]](https://cdn.slidesharecdn.com/ss_thumbnails/cascadingstylesheetcss-130819011155-phpapp02-thumbnail.jpg?width=560&fit=bounds)
Introduction to CSS
- 1. Introduction to CSS Mr. Smyth Stoneham High School HS7535 – Video Game Web Design
- 2. CSS – Cascading Style Sheets • Language used to describe appearance and formatting of your HTML • “Stylesheet” is the file describing how the HTML file should look • “Cascading” means that you can apply formatting when more than one style applies
- 3. Three Ways to Incorporate CSS • External Style Sheet – as a separate file referenced via <link> tag within the <head> tags • Internal Style Sheet – within the <head> tags • Inline Styling – within tags as attributes
- 4. Direction of the Cascade • Inline Styling overrides an Internal Stylesheet • Internal Stylesheet overrides an External Stylesheet • Cascading allows you to specify global settings while making local changes as needed or desired
- 5. 1st Method: Examples of Inline Styling • <p style=“color: red”>Red font color here</p> • <h1 style=“text-align: center”>Centered Header</h1> • Limitations: formatting changes have to be made for each element
- 6. 2nd Method: Example of Internal Stylesheet
- 7. 3rd Method: External Stylesheet • Separate file with CSS code • File is named with .css extension: somename.css • Must have the following in between <head> tags: <link type=“text/css” rel=“stylesheet” href=“name.css”> • Stylesheet name is often simply stylesheet.css • Advantage: changes made to .css file apply to entire website
- 8. CSS Syntax