1. Introduction to CSS : CSS

Introduction to CSS

Introduction to CSS

CSS represents Cascading Style Sheets and is utilized to plan the site to make it look appealing. 


What is CSS? 

  • CSS offers style to crude HTML 

  • It represents Cascading Style Sheets 

  • CSS is utilized to offer style to our website pages 

  • CSS is utilized to make sites responsive 

  • CSS assumes the liability of plan in your sites 


CSS incorporates every one of the things which can be utilized to plan the crude HTML from shading the foundation and texts, to change the boundaries, give cushioning, and so on Additionally, CSS helps in making sites responsive. Responsive implies that the site will act likewise to the diverse screen sizes. For instance, if you open a site on a work area and, on your versatile, you will discover the distinction between their presentations. Every one of the parts in a route bar will move into a burger symbol if you open the site on portable. 


We can add styles in the HTML part itself, however, I would prefer to suggest making another CSS record and afterward append it to the HTML part. It is so because it is an expert practice when various engineers are dealing with a solitary site to keep the skeleton of a site in one record and the styling in another document. 


Job of CSS 

  • CSS is a template language that is utilized to deal with the introduction of the page containing HTML. 

  • It makes our sites wonderful and current-looking. 


CSS Syntax - P { shading: blue; } 

  • P represents the selector and it chooses what part of the HTML the CSS will be applied. It states where the CSS property is to be applied. 

  • Property is utilized to depict which property you need to change or add. Regardless of whether you need to change the tone, line, foundation, width, every one of these goes under the property. 

  • The last segment is for characterizing the worth. Every one of the properties will be changed by the worth we give. 


There are three different ways to Add CSS

  • Inline CSS - CSS is added to the components straightforwardly utilizing the style credits. 

  • Inner CSS - CSS is kept inside the head labels in <style> labels 

  • Outside CSS - CSS is kept independently inside a .CSS template. It includes two stages

    • To start with, compose the CSS in.CSS record. 

    • Incorporate that CSS record to Markup.

Post a Comment

0 Comments