CSS BOX MODEL - CSS3 tutorial in hindi - urdu - tut

This is tut no 20 of this series.

In This video we will see:

In this instructional exercise, you will realize, What is CSS Box Model and how to function CSS enclose model CSS Hindi and Urdu. You will likewise realize where is content, cushioning, boundary, and edge in the CSS box model. This CSS instructional exercise made by vubystaff. On the off chance that you like this CSS instructional exercise, buy in to me and go ahead and ask and remark underneath this video.

Source Code:-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOX MODEL</title>
</head>
<style>

*{
        margin: 0px;
        padding: 0px;
        background-color: khaki;
    }
    .container{
        border: 5px solid grey;
        /* padding-left: 20px;
        padding-top: 30px;
        padding-bottom: 30px; */
        /* padding: 40px; */
        /* margin-top: 30px; */
        /* margin: 40px; */

/* padding = top,right, bottom, left */
        /* padding: 20px 70px 40px 20px; */
        /* margin: 20px 70px 40px 20px; */

margin: 50px 70px;

}

</style>
<body>
    
<div class="container">
    <h2>Box Model 1</h2>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt enim dolorum ut inventore perspiciatis veritatis illum fugit autem, nobis laboriosam optio dolores, id, aperiam dolorem in quas! Dolores, voluptatibus reprehenderit?</p>
</div>

<div class="container">
    <h2>Box Model 2</h2>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt enim dolorum ut inventore perspiciatis veritatis illum fugit autem, nobis laboriosam optio dolores, id, aperiam dolorem in quas! Dolores, voluptatibus reprehenderit?</p>
</div>

<div class="container">
    <h2>Box Model 3</h2>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt enim dolorum ut inventore perspiciatis veritatis illum fugit autem, nobis laboriosam optio dolores, id, aperiam dolorem in quas! Dolores, voluptatibus reprehenderit?</p>
</div>

</body>
</html>

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

CSS BOX MODEL - CSS3 tutorial in hindi - urdu - tut - 20

This is tut no 20 of this series.

About Admin MC3

Related Post