HEADER ADS 728X90

Compleat CSS Font-Property Tutorial || BY Ascode

css tutorial,css,css tutorial in hindi,css tutorial for beginners,css tutorial for beginners in hindi,css font tutorial,tutorial,css tutorials,css3 tutorial,css fonts,css font-family,css font properties,html tutorial,css font property,css properties tutorial,css font family,css for beginners,css font-size,html css tutorial,css font-family property,css font,css font style,web design tutorial,css font-weight,css font size,css tutorial,css tutorial for beginners,css,html css tutorial,html and css tutorial for beginners,tutorial,tutorial css,css tutorial ita,html css tutorial ita,html tutorial,css3 tutorial,html css,css grid,tutorial de css,html e css tutorial,html and css tutorial,css tutorial in hindi,css tutorial italiano,complete css tutorial,css beginners tutorial,tutorial css italiano,css for beginners,complete css tutorial in hindi,css crash course,ascode, coding tutorial, how to learn coding easy way to learn coding

Hi dear welcome to Ascode Blog . In this post we are going to learn CSS Font-Property Compleat Explaination. First Creat A index.html file Copy This HTML CODE and pest it one your code editor. 2ndly creat style.css file Then Copy The CSS CODE and pest it then open the index.html file with your browser.

HTML

<!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>font-property css</title>
</head>
<body>

   <div class="container">
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis, iure nam? Sunt odio asperiores nulla, obcaecati tempora quibusdam ut, incidunt dolorum ea quidem suscipit, corrupti corporis cupiditate fugiat fugit doloremque possimus! Officia possimus numquam, ipsum debitis corrupti rem minus odit, aliquid vitae necessitatibus vel consectetur sapiente a? Molestiae, voluptatem Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis voluptas iure consequuntur adipisci aperiam sapiente dolores? Repudiandae eveniet obcaecati tempora provident amet expedita iste exercitationem, debitis nostrum, ducimus recusandae minus.
   </div>
   
</body>
</html>

CSS

body{
        position: relative;
        display: flex;
        justify-content: center;
        min-height: 100vh;
        align-items: center;
    }
    .container {
        padding: 5px 10px;
        width: 300px;
        box-shadow: 0 0 3px #ccc;
        border-radius: 5px;

        /* font--property make uncoment below all property and enter value and practice yourself*/

        /* font-family: sans-serif; */
        /* font-style: italic; */
        /* font-variant: small-caps; */
        font-size: 2rem;
        /* font-weight: bold; */
        /* line-height: 2rem; */
       

       
    }
   

Youtube Tutorial

FLOW US ON SOCIAL MEDIA

Post a Comment

0 Comments

Join Telegram