4741 Hits total
css Language
23.695 Author
close

CSS Tutorials

This is a quick overview of some features

 

 

  1. CSS is short name of Cascading Style Sheet. It's a style of HTML file.
  2. If you learn at all of our CSS tutorials, However, a better way, you will know about CSS.
  3.  
  4. Kinds of CSS styles: There are three types of CSS style 1) Inline Style, 2) embedded styles, 3) External styles
  5.  
  6. The CSS full meaning is Cascading Style Sheet.
  7.  
  8. Inline Style structure
  9. <!DOCTYPE html>
  10. <html lang="en">
  11.    <head>
  12.        <title>CSS Tutorials</title>
  13.    </head>
  14. <body style="background:#dddddd"> <!-- here use inline css -->
  15.    <h1 style="color:green">HTML Heading</h1> <!-- here use inline css -->
  16.    <p style="color:red">HTML Paragraph</p> <!-- here use inline css -->
  17. </body>
  18. </html>
  19. Double Click to Select Code
  20.  
  21. Copy code and try to Editor
  22.  
  23.  
  24.  
  25. Embeded Style structure
  26. <!DOCTYPE html>
  27. <html lang="en">
  28.    <head>
  29.        <title>CSS Tutorials</title>
  30.        <style>  <!-- here start define embeded css code -->
  31.           body{
  32.                  background:#dddddd;
  33.           }
  34.                h1{
  35.                        color:green;
  36.                }
  37.                p{
  38.                        color:red;
  39.                }
  40.        </style>  <!-- here end define embeded css code -->
  41.    </head>
  42. <body>
  43.    <h1>HTML Heading</h1>
  44.    <p>HTML Paragraph</p>
  45. </body>
  46. </html>
  47.  
  48.  
  49.  
  50. external Style structure
  51. <!DOCTYPE html>
  52. <html lang="en">
  53.    <head>
  54.        <title>CSS Tutorials</title>
  55.        <link rel="stylesheet" type="text/css" href="styles.css"> <!-- here link embeded css code -->   
  56.    </head>
  57. <body>
  58.    <h1>HTML Heading</h1>
  59.    <p>HTML Paragraph</p>
  60. </body>
  61. </html>
Parsed in 0.015 seconds