CSS PRACTICE SET 2(APC)

HTML


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS LEVEL 1</title>
<link rel="stylesheet" href="STLE.CSS">
</head>
<body>
<H1>debadatta parida</H1>
<p>sunil kumar parida</p>
<div id="outer">
    outer
    <div id="inner">
inner
    </div>
</div>
</body>
</html>


CSS


*{
    font-family: 'Times New Roman', Times, serif;
    color: red;
}

H1{
    text-align: center;
    text-transform: capitalize;
}
   
#outer{
    font-size: 25px;
}

#inner{
    font-size: 10px;
}


OUTPUT


Debadatta Parida

sunil kumar parida

outer
inner

Comments

Post a Comment

Popular posts from this blog

AMAZON HOME PAGE CLONE PROJECT

Image
HTML <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Amazon </ title >     < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity = "sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin = "anonymous" referrerpolicy = "no-referrer" />     < link rel = "stylesheet" href = "STLE.CSS" > </ head > < body >     < header >         < div class = "navbar border" >             < div class = "nav-logo border" >                 < div class = "logo" ></ div >             ...
Read more

Array in Javascript

  // Array let myarr = [ 0 , 1 , 2 , 3 , 4 , 5 ] console . log ( myarr . length ); // Array Methods myarr . push ( 6 , 7 ) console . log ( myarr ); // slice,splice const myn1 = myarr . slice ( 0 , 4 ) console . log ( myn1 );
Read more

Array in function Javascript

  const ranger = [ "Troy" , "Jake" , "Noah" ] const rangerd = [ "Tylor" , "Chase" , "Koda" ] // ranger.push(rangerd) // const allranger = ranger.concat(rangerd) // console.log(allranger); // console.log(Array.isArray("Debadatta")); // console.log(Array.from("Debadatta")); // console.log(Array.isArray({name:"Debadatta"}));// Intresting let score1 = 100 let score2 = 200 let score3 = 300 console . log ( Array . of ( score1 , score2 , score3 ));
Read more