pastebin - collaborative debugging tool
kpaste.net RSS


CSS Tutorials
Posted by Anonymous on Mon 17th Jul 2017 23:15
raw | new post

  1. CSS is short name of Cascading Style Sheet. Its 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.  
  20.  
  21.  
  22. Embeded Style structure
  23. <!DOCTYPE html>
  24. <html lang="en">
  25.     <head>
  26.         <title>CSS Tutorials</title>
  27.         <style>  <!-- here start define embeded css code -->
  28.            body{
  29.                   background:#dddddd;
  30.            }
  31.                 h1{
  32.                         color:green;
  33.                 }
  34.                 p{
  35.                         color:red;
  36.                 }
  37.         </style>  <!-- here end define embeded css code -->
  38.     </head>
  39. <body>
  40.     <h1>HTML Heading</h1>
  41.     <p>HTML Paragraph</p>
  42. </body>
  43. </html>
  44.  
  45.  
  46.  
  47. external Style structure
  48. <!DOCTYPE html>
  49. <html lang="en">
  50.     <head>
  51.         <title>CSS Tutorials</title>
  52.         <link rel="stylesheet" type="text/css" href="styles.css"> <!-- here link embeded css code -->  
  53.     </head>
  54. <body>
  55.     <h1>HTML Heading</h1>
  56.     <p>HTML Paragraph</p>
  57. </body>
  58. </html>
  59.  
  60. More learn to CSS visit: www.saftutorials.com/css

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}





All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at