Embedded Files
What is CSS again?
CSS is an abbreviation for Cascading Style Sheets. CSS specifies how HTML components should appear on screen, paper, or in other medium.
CSS saves a significant amount of time. It has the ability to control the layout of numerous web pages at the same time.
Why Use CSS?
Why Use CSS?
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen size
CSS Example
CSS Example
HTML
<!DOCTYPE html>
<html>
<body>
<h1>CSS</h1>
<p>LINES</p>
<p1>It was a beautiful day outside,</p1>
<p2>Birds are singing and the flowers are blooming.</p2>
</body>
</html>
CSS
body {
background-color: black;
}
h1 {
color: white;
text-align: center;
}
p{
color: white;
font-family: verdana;
font-size: 20px;
}
p1{
color: yellow;
font-family: Lora;
font-size: 20px;
}
p2{
color: blue;
font-family: Roboto;
font-size: 20px;
}
CSS solved a major issue.
HTML was NEVER meant to include tags for web page layout!
HTML was developed to define the content of a web page, for example:
h1>This is a title/h1>
p>This is a sentence./p>
When features like font> and color attributes were added to the HTML 3.2 standard, web developers' nightmare began. The creation of massive websites, where typefaces and color information were added to every single page, became a time-consuming and costly procedure.
CSS was designed by the World Wide Web Consortium (W3C) to address this issue.
CSS erased the HTML page's style formatting!
Page updated
Google Sites
Report abuse