developer tools

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Developer Tools</title>
    <style>
        p{
            color:purple;
            font-style: italic;
            background-color: rosybrown;
        }
        .bgprimary{
            background-color:#60a0bb;
        }
        /* right click on any website and select inspect to see its coding. you can do changes that'll be visible to you only. if others are opening the same website while you've edited something in its coding, then they'll see the og content only. if you refresh the website, you'll see that the changes you made have been reset according to the og coding.  */
    </style>
</head>
<body>
    <h4 class="bgprimary">Developer Tools tutorial</h4>
    <p>this is a tutorial for chrome developer tools</p>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

css tutorial

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Tutorial </ title >      < style >          p {              color :blue;              background-color : seagreen  !important ;         }          </ style >      <!-- this is how internal css is to be added  -->      < link   rel = "stylesheet"   href = "tut13.css" > <...
Read more

css selectors

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Selectors </ title >      < style >          p {              border :  2px  solid red;         }          /* id selector */          #bgblue {              color : yellow;              background-color : blue;         }  ...
Read more