css tutorial

Introduction of CSS(CASECADED STYLE SHEET)

Web world is combination of different technologies. Using all technologies we develope and design webpage. HTML is backbone of webpages but using html we can display data. We can't design using html.

Situation : We make a webpage using html and we want to add some UI effect. All UI effects works on client side. so we need to use client side language. For this purpose we use javascript. Here we want to design or say decorate our page.

Conclusion : For designing webpages we use css. CSS provides more flexibility to change UI of webpages. For theme generation we use css. 

Difference between HTML and CSS

CSS is stands for your website’s look and feel. Font size, font color, font type, styling around images, page layout, mouse-over effects and more are all determined by CSS

HTMl is stands for building-blocks of web pages.HTML allows you to put images, text, videos, forms and other pieces of content together into a cohesive webpage.

How to use css

Css can be used into three ways

1. By including css file (External CSS): In this way we include css file in our webpage.

       Syntex :
       
       <link rel="stylesheet" type="text/css" href="path of your css file"/>
      

2. By defining into head section (Internal CSS): In this way we define our css into head section.

      Syntex :
      
       <style type="text/css">
       
         define your css here
         
       </style>
     

3. By using inline css : In this way we directly apply our css to any html tag.

         Syntex :
         
          < html tag style="define your css" > </html tag >
       

4. Click to practice online example