View video tutorial

CSS Introduction

CSS

CSS is cascading style sheets and is used to style web pages.

What is CSS?


CSS stands for Cascading Style Sheets.

Using CSS we can style the color, font, size, background, layout and more of the web page and its elements.

Practice with examples "Try it Now"

You can practice the Oracle command in your machine by following examples.

To see the output for every example click "Try it Now"

Example

<!DOCTYPE html>
<html>
<head>
  <title>CSS Example</title>
  <style>
    body {
      background-color: rgb(173, 180, 182);
    }   
    h1,p{
      color: white;
      text-align: left;
    }   
    p {
      font-family: verdana;
      font-size: 18px;
    }
    </style>
</head>
<body>
  <p>CSS Example</p>
  <h1>Heading1</h1>
  <p>Heading1 details... Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
    the industry's standard dummy text ever since the 1500s</p>
  <h1>Heading2</h1>
  <p>Heading2 details... When an unknown printer took a galley of type and scrambled it to make a type specimen book. It
    has survived not only five centuries</p>
</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.


Sample Code

Copy each file contents and paste it to your own project and run to see the final output