Chinese VersionCSS is used to style HTML elements.
Look! Styles and colorsThis text is in Verdana and red This text is in Times and blue This text is 30 pixels high |
CSS was introduced together with HTML 4, to provide a better way to style HTML elements.
CSS can be added to HTML in the following ways:
It is time consuming and not very practical to style HTML elements using the style attribute.
The preferred way to add CSS to HTML, is to put CSS syntax in separate CSS files.
However, in this HTML tutorial we will introduce you to CSS using the style attribute. This is done to simplify the examples. It also makes it easier for you to edit the code and try it yourself.
You can learn everything about CSS in our CSS Tutorial.
The background-color property defines the background color for an element:
The background-color property makes the "old" bgcolor attribute obsolete.
Try it yourself: Background color the old way
The font-family, color, and font-size properties defines the font, color, and size of the text in an element:
The font-family, color, and font-size properties make the old <font> tag obsolete.
The text-align property specifies the horizontal alignment of text in an element:
The text-align property makes the old <center> tag obsolete.
Try it yourself: Centered heading the old way
In HTML 4, several tags and attributes were deprecated. Deprecated means that they will not be supported in future versions of HTML.
The message is
clear: Avoid using deprecated tags and attributes!
These tags and attributes should be avoided:
| Tags | Description |
|---|---|
| <center> | Deprecated. Defines centered content |
| <font> and <basefont> | Deprecated. Defines HTML fonts |
| <s> and <strike> | Deprecated. Defines strikethrough text |
| <u> | Deprecated. Defines underlined text |
| Attributes | Description |
| align | Deprecated. Defines the alignment of text |
| bgcolor | Deprecated. Defines the background color |
| color | Deprecated. Defines the text color |
For all of the above: Use styles instead!
| WEB HOSTING |
|---|
| Best Web Hosting |
| PHP MySQL Hosting |
| Best Hosting Coupons |
| UK Reseller Hosting |
| Cloud Hosting |
| Top Web Hosting |
| $7.95/mo SEO Hosting |
| Premium Website Design |
| WEB BUILDING |
|---|
| XML Editor - Free Trial! |
| FREE Website BUILDER |
| Free Website Templates Free CSS Templates |
| Make Your Own Website |
| W3SCHOOLS EXAMS |
|---|
|
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP |
| W3SCHOOLS BOOKS |
|---|
|
New Books: HTML, CSS JavaScript, and Ajax |
| STATISTICS |
|---|
|
Browser Statistics Browser OS Browser Display |
| SHARE THIS PAGE |
|---|