CSS Tutorial



CSS - Cascading Style Sheet.

In This CSS Tutorial we are going to learn add text colors and add different fonts,and add backgrounds and many more.

CSS maintain the look and feel part of a web Document. Using CSS, we can control and add the color of the text, fonts, the space between paragraphs, how columns are sized and laid out, we can control colors and background colors also, layout designs,variations in display for different devices and screen sizes as well as a variety of other effects.

CSS3 is the latest version of the css styles.it add mony styling feactures and webkits.

Advantages Of CSS

  • CSS Saves Time
  • Major Styles to HTML
  • Pages Load Faster
  • Multiple Device Compatibility
  • Global Web Standards

Example

<!DOCTYPE html>
  <html>
  <head>
  <style>
  body {
    background-color: lightpink;
  }
  
  h1 {
    color: yellow;
    text-align: center;
  }
  
  p {
    font-family: roboto;
    font-size: 27px;
  }
  </style>
  </head>
  <body>
  
  <h1>My First CSS Example</h1>
  <p>This is a paragraph.</p>
  
  </body>
  </html>
  


Click on the "Run This Code" button to see how it works.




CSS

Welcome CSS Syntax CSS Selectors CSS ADD css CSS Borders CSS Backgrounds CSS Colors CSS Padding CSS Margin CSS Fonts CSS Text CSS Outline CSS Box-Model CSS Height&Width CSS Icons CSS Links CSS Lists CSS Display CSS Tables CSS Position CSS Overflow CSS Align CSS Float CSS Inline-block CSS Opacity CSS Image-Gallery CSS Navigation Bar CSS Dropdowns CSS Cursors CSS Forms CSS Pseudo-classes CSS Pseudo-elements

CSS3 FEATURES

CSS Gradients CSS shadows CSS 2D Transforms CSS 3D Transforms CSS Animations CSS Media Queries CSS Flexbox CSS important CSS Units