How to Deal with Academic Pressure: 3 tips to Help You Cope with Stress

3. Study Timetable 

1. CSS Box Model

<!DOCTYPE html>
<html>
<head>

  <title> </title>

<head>
<body>

</body>
</html>

<!DOCTYPE html>
<html>
<head>

  <title> </title>
  <style>

  </style>
</head>
<body>

</body>
</html>

div{
background-color: #40a977;

width: 300px;
border: 7px;
padding: 10px;
margin: 25px;
}

• background-color → Whatever value you put in this property, may it be #40a977 (green), blue, red, etc., this is what the background color of your box is going to be.

• width → This is the width of your box. The longer (500px and up) the width, the longer your box is going to be horizontally.

• border → This goes around your box or rather the padding of your box. The thicker it is (10px and up) the more visible it is going to be.

• padding → This is the space between your text and the border.

• margin → This is the area around the CSS Box Model.

• div → This is the selector. We will be using this on an HTML element that we want to style.

2. CSS Outline

• dotted
• solid
• double
• ridge
• inset
• none
• hidden

This is fairly simple to make because the CSS code is just the same except for a few parts. Just add the following between your <style> </style> element:

p.outline type{
outline-style: outline type;
}

You just need to change the outline type to whatever outline type you wish for it to be.

Now for our HTML it's as simple as the CSS one you just have to change a few parts as well. Between the <body> </body> tags add the following:

<p class="outline type" align="center/right/left"> your text goes in between this tags </p>

You can align your text on the center, right, or left.

And that's it, you have an outline!

3. CSS Font-Variant

p.small{
font-variant: small-caps;
}

<p class= "small"> your text goes in between this tags </p>

What is an HTML?

<!DOCTYPE html>

Elements Explained