Cascading Style Sheet for your web design customization

by / Tuesday, 11 August 2015 / Published in Web Design

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents.

css3

Use CSS to define styles for your documents, including the design, layout and variations in display for different devices and screen sizes. You can place your CSS in the <head> of a document with an embedded style sheet, or attach a separate file that defines your styles with an external style sheet

An external style sheet has many advantages. Keeping the styles separate from your HTML content:

  • Helps avoid duplication
  • Makes maintenance easier
  • Allows you to make a site-wide change in one place

frontend_logos_html_css

Why You Should Use Cascading Style Sheet

The purpose of Cascading Style Sheet  is to provide webmasters more control over page layout and display than HTML offers. With HTML alone, there are various coding tricks that are used to help achieve the desired page layout. The trouble with that is those tricks often don’t work the same, if at all, in all browsers. Cascading Style Sheet  standards were designed so that these tricks are no longer needed, so Cascading Style Sheet  is much more predictable and reliable than resorting to those old tricks.

Using a wall of your house for a loose analogy, HTML is the studding behind the wall; and CSS is the wall covering, colors, and placement of the content on the wall. In other words, when properly used, HTML defines the structure of your web page while CSS defines the appearance.

Aside from consistent display standards, one of the greatest benefits of using CSS is if you use external style sheets, you can make one change to the style sheet and have that change take place throughout your entire web site. There will be more about that later in this tutorial.

TOP