what is CSS ?
CSS means Cascading Style Sheets. CSS is a simple and powerful language
for adding style to web documents. Whether you are a web designer,
developer, or anywhere in between, CSS is an important part of
developing websites.
CSS is a language that works with HTML documents to define the way
content is presented. The presentation is specified with styles that are
placed directly into HTML elements, the head of the HTML document, or
separate style sheets.
Style sheets contain a number of CSS rules. Each rule selects elements
in an HTML document. These rules then define how the elements will be
styled. Any number of HTML files can be linked to a single CSS file.
Types of Style Sheets
There are three types of style sheets that can influence the presentation of an HTML document in a browser. These are: 1. Browser style sheets Browsers apply style sheets to all web documents. Although these style sheets vary from browser to browser, they all have common characteristics, including black text, blue links, and purple visited links. These are referred to as default browser style sheets.
2.User style sheets A user is anyone who looks at your website. Most modern browsers allow users to set their own style sheets within their browser. These style sheets will override the browser's default style sheets for that user only. 3.Author style sheets The author is the person who develops the website you! As soon as you apply a basic style sheet to a page, you have added an author style sheet. Author styles generally override user styles, which override browser styles. The cascade is shown in below figure.
Cascading means that styles can fall (or cascade) from one style sheet to another. The cascade is used to determine which rules will take precedence and be applied to a document.
For example, rules in author style sheets will generally take precedence over rules in user style sheets. Rules in user and author style sheets will take precedence over rules in the browser's default style sheet. Benefits of CSS
Some of the benefits of using CSS for authors include:
1.Easy to maintain The power of CSS is that a single CSS file can be used to control the appearance of multiple HTML documents. Changing the appearance of an entire site can be done by editing one CSS file rather than multiple HTML documents.
2.Smaller file sizes CSS allows authors to remove all presentation from HTML documents, including layout tables, spacer images, decorative images, fonts, colors, widths, heights, and background images. Presentation can then be controlled by CSS files. This can dramatically reduce the file sizes of HTML documents.
3.Increased accessibility CSS, combined with well-structured HTML documents, can aid devices such as screen readers. With presentational markup removed, the only thing that a screen reader encounters is structural content. CSS also can be used to increase the clickable area of links, as well as control line height and text line lengths for users with motor skill or cognitive difficulties.
4.Different media CSS can be styled specifically for different media, including browsers, printers, handheld devices, and projectorswithout changing the content or document structure in any way.
More control over typography CSS allows authors to control the presentation of content with properties such as capitalize, uppercase, lowercase, text-decoration, letter-spacing, word-spacing, text-indent, and line-height. CSS can also be used to add margins, borders, padding, background color, and background images to any HTML element CSS Syntax and Rules
In this chapter, you will learn the syntax and rules of the Cascading Style Sheet (CSS) language. You will learn how to use selectors, declarations, properties, shorthand properties, and values to style a series of simple HTML elements.
There are three types of style sheets that can influence the presentation of an HTML document in a browser. These are: 1. Browser style sheets Browsers apply style sheets to all web documents. Although these style sheets vary from browser to browser, they all have common characteristics, including black text, blue links, and purple visited links. These are referred to as default browser style sheets.
2.User style sheets A user is anyone who looks at your website. Most modern browsers allow users to set their own style sheets within their browser. These style sheets will override the browser's default style sheets for that user only. 3.Author style sheets The author is the person who develops the website you! As soon as you apply a basic style sheet to a page, you have added an author style sheet. Author styles generally override user styles, which override browser styles. The cascade is shown in below figure.
Cascading means that styles can fall (or cascade) from one style sheet to another. The cascade is used to determine which rules will take precedence and be applied to a document.
For example, rules in author style sheets will generally take precedence over rules in user style sheets. Rules in user and author style sheets will take precedence over rules in the browser's default style sheet. Benefits of CSS
Some of the benefits of using CSS for authors include:
1.Easy to maintain The power of CSS is that a single CSS file can be used to control the appearance of multiple HTML documents. Changing the appearance of an entire site can be done by editing one CSS file rather than multiple HTML documents.
2.Smaller file sizes CSS allows authors to remove all presentation from HTML documents, including layout tables, spacer images, decorative images, fonts, colors, widths, heights, and background images. Presentation can then be controlled by CSS files. This can dramatically reduce the file sizes of HTML documents.
3.Increased accessibility CSS, combined with well-structured HTML documents, can aid devices such as screen readers. With presentational markup removed, the only thing that a screen reader encounters is structural content. CSS also can be used to increase the clickable area of links, as well as control line height and text line lengths for users with motor skill or cognitive difficulties.
4.Different media CSS can be styled specifically for different media, including browsers, printers, handheld devices, and projectorswithout changing the content or document structure in any way.
More control over typography CSS allows authors to control the presentation of content with properties such as capitalize, uppercase, lowercase, text-decoration, letter-spacing, word-spacing, text-indent, and line-height. CSS can also be used to add margins, borders, padding, background color, and background images to any HTML element CSS Syntax and Rules
In this chapter, you will learn the syntax and rules of the Cascading Style Sheet (CSS) language. You will learn how to use selectors, declarations, properties, shorthand properties, and values to style a series of simple HTML elements.
No comments:
Post a Comment