Search
Close this search box.

What is CSS?

white fluffy sheets

Cascading Style Sheets 

CSS or cascading style sheets is a design language. CSS describes how HTML looks on a web browser. CSS allows the web designer to separate the content of a webpage from its appearance. CSS allows the web designer to control the overall look of a webpage including the color, layout, and font. To put it simply, CSS makes the webpage presentable.

Before CSS, all presentation attributes were contained in the HTML markup. This wasn’t very efficient. Also, it limited the scope of the presentation. This meant that all the presentation attributes had to be explained and then repeated within the HTML.

ADVANTAGES OF CSS

  • A CSS sheet can save you time because you can use the same sheet on multiple HTML pages 
  • CSS helps pages load faster because less code is being used 
  • CSS is easy to maintain 
  • CSS gives you a greater opportunity to customize your website since there are a greater number of attributes you can use compared to HTML 
  • CSS can be applied and optimized for multiple types of devices 
  • CSS is being used globally now since HTML attributes are being depreciated 

DISADVANTAGES  OF CSS 

  • CSS can be confusing because of the different levels 
  • CSS can work differently depending on what browser you use 
  • CSS data may not display correctly if the browser is outdated 
  • CSS is an open text-based system that can make you vulnerable
  • CSS editing can impact HTML tags. Therefore, you may have to fix an HTML tag if you are editing CSS 

 The Three TYPES OF CSS 

The Three types of CSS are inline, internal, and external CSS. Each type of CSS has a unique responsibility in a webpage design. 

 Inline CSS

  • Applies the style to a single element that is present in the body section

Internal or Embedded CSS 

  • Applies the CSS to a single page 
  • Used when the entire page has one unique style for each element 
  • Includes the <style> tag in the <head> section 

External CSS 

  • Used to apply styles to multiple pages 
  • A link needs to be added to the external CSS file
  • Uses the .CSS extension 
Share the Post:

Related Posts

What is CSS?

Cascading Style Sheets 

CSS or cascading style sheets is a design language. CSS describes how HTML looks on a web browser. CSS allows the web designer to separate the content of a webpage from its appearance. CSS allows the web designer to control the overall look of a webpage including the color, layout, and font. To put it simply, CSS makes the webpage presentable.

Before CSS, all presentation attributes were contained in the HTML markup. This wasn’t very efficient. Also, it limited the scope of the presentation. This meant that all the presentation attributes had to be explained and then repeated within the HTML.

ADVANTAGES OF CSS

  • A CSS sheet can save you time because you can use the same sheet on multiple HTML pages 
  • CSS helps pages load faster because less code is being used 
  • CSS is easy to maintain 
  • CSS gives you a greater opportunity to customize your website since there are a greater number of attributes you can use compared to HTML 
  • CSS can be applied and optimized for multiple types of devices 
  • CSS is being used globally now since HTML attributes are being depreciated 

DISADVANTAGES  OF CSS 

  • CSS can be confusing because of the different levels 
  • CSS can work differently depending on what browser you use 
  • CSS data may not display correctly if the browser is outdated 
  • CSS is an open text-based system that can make you vulnerable
  • CSS editing can impact HTML tags. Therefore, you may have to fix an HTML tag if you are editing CSS 

 The Three TYPES OF CSS 

The Three types of CSS are inline, internal, and external CSS. Each type of CSS has a unique responsibility in a webpage design. 

 Inline CSS

  • Applies the style to a single element that is present in the body section

Internal or Embedded CSS 

  • Applies the CSS to a single page 
  • Used when the entire page has one unique style for each element 
  • Includes the <style> tag in the <head> section 

External CSS 

  • Used to apply styles to multiple pages 
  • A link needs to be added to the external CSS file
  • Uses the .CSS extension 
share this recipe:
Facebook
Twitter
Pinterest

Still hungry? Here’s more