Cascading Style Sheet for your web design customization
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.
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
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.