Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
38 views

Lesson 3.1 Introduction To CSS

CSS is used to style and lay out web pages. It allows for consistent formatting across pages and flexible layouts depending on screen size or device. CSS solves the problem of formatting tags being included in HTML, which made developing and maintaining large websites difficult and expensive by separating formatting from content.

Uploaded by

Leonard Dela Cruz
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
38 views

Lesson 3.1 Introduction To CSS

CSS is used to style and lay out web pages. It allows for consistent formatting across pages and flexible layouts depending on screen size or device. CSS solves the problem of formatting tags being included in HTML, which made developing and maintaining large websites difficult and expensive by separating formatting from content.

Uploaded by

Leonard Dela Cruz
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

Introduction to CSS

3rd Quarter
In this lesson we will discuss
• What is CSS?
• CSS code structure
• CSS Demo
• Why use CSS?
• Problem solved by CSS
What is CSS?
• CSS is the language we use to style a
Web page.
• CSS stands for Cascading Style Sheets
• CSS describes how HTML elements are
to be displayed on screen, paper, or in
other media
• CSS saves a lot of work. It can control
the layout of multiple web pages all at
once
• External stylesheets are stored in CSS
files
HTML Vs. CSS Structure

HTML CSS
CSS Demo - One HTML Page -
Multiple Styles
Why Use CSS?
Let’s talk about the importance of CSS
Reasons to use CSS
1. CSS offers much more extensive formatting options.
2. CSS provides consistent design and formatting throughout
your website.
3. CSS can adjust your page layouts depending on where it's
displayed.
4. CSS increase site performance.
5. CSS allows for rapid customization.
6. CSS lets you create animation and effects.
CSS Solved a Big Problem
HTML was NEVER intended to contain tags for formatting a web page!
HTML was created to describe the content of a web page, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the HTML 3.2
specification, it started a nightmare for web developers. Development of
large websites, where fonts and color information were added to every
single page, became a long and expensive process.
To solve this problem, the World Wide Web Consortium (W3C) created CSS.
CSS removed the style formatting from the HTML page!
Quiz 3.1
• 1-6: What are the reasons for using CSS?
• 7-10: What is the problem that is solved by CSS?

You might also like