Types of CSS Selectors

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head><title>Tag Selector Demo</title>
        <style>
            h1
            {
                font-size: 25;
                color: blue;
                background-color: aqua;
                font-family: 'Times New Roman', Times, serif;
            }
            

        </style>

    </head>
    <body>
        <center>
    <h1>This is a Demo class of Tag selector Data flair free course</h1>
    <h1>This is a Demo class of Tag selector Data flair free course</h1>
    <h1>This is a Demo class of Tag selector Data flair free course</h1>
</center>
    </body> 

</html>

Program 2

<html>
    <head><title>Tag Selector Demo</title>
        <style>
          .dataflair
          {
                font-size: 20;
                color: blueviolet;
                background-color: aquamarine;
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          }
        </style>

    </head>
    <body>
        <center>
      <div class="dataflair">This is a Demo class of Tag selector Data flair free course</div>

<p class="dataflair">
emp=emp._append({'id':36,'empname':'Rohit Sharma','empdept':'CS','gender':'M','age':39,'HRA':5000,'TA':7000,'DA':8000,'salary':20000},ignore_index=True)
emp.loc[emp['salary']==10000,'salary']=25000
</p>
<p class="dataflair">
print(emp[emp.salary==25000])
emp=emp.drop(emp[emp.salary==10000].index)
</p>

   </center>
    </body> 

</html>

Program 3

<html>
    <head><title>Tag Selector Demo</title>
        <style>
       #data
       {
           font-size: 20;
           color: brown;
           background-color: bisque;
           font-style: italic;
           font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

       }   
        </style>

    </head>
    <body>
        <center>
       <div id="data">This is a Demo class of Id selector Data flair free course</div>
       

       
   </center>
    </body> 

</html>

 

 

You give me 15 seconds I promise you best tutorials
Please share your happy experience on Google

courses

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *