CSSGuide

CSS - Cascading Style Sheets

CSS defines how HTML elements are displayed.

CSS describes the visual styles of HTML elements (appearance, layout, color, font).

CSS is a separately designed file (thereby greatly improving HTML's flexibility and reducing HTML's complexity).

CSS is simple and easy to learn. You can treat an HTML element as a selector and list style properties inside curly braces.

CSS Examples

body {
    background-color:#d0e4fe;
}
h1 {
    color:orange;
    text-align:center;
}
p {
    font-family:"Times New Roman";
    font-size:20px;
}

Try it Yourself »

Click the "Try it Yourself" button to view online examples.

Style sheets greatly improve work efficiency.

Style sheets define how HTML elements are displayed. Just as the font tags and color attributes in HTML 3.2 styles are usually stored in external.cssfiles.

By merely editing a single simple CSS document, external style sheets enable you to simultaneously change the appearance of all page layouts on a site.

Because it allows simultaneous control of styles and layouts across multiple pages, CSS can be considered a breakthrough in the field of web design. As a website developer, you can define styles for each HTML element and apply them to any number of pages you wish. For global changes, simply change the style, and all elements on the website will be automatically updated.

Another CSS Example

How to Learn CSS?

Learn ourComplete CSS Tutorial

Learn ourComplete CSS Reference

Other Extensions