CSS basic syntax

The CSS syntax is made up from three parts: selector, property and value:

selector {property: value}

body {color: #ffffff}

The selector is normally the HTML element/tag you wish to define, like body
The property is the attribute you wish to change like color, and font
The value is the property value: #ffffff

HTML class tag

If you want to have paragraph (tag p) with right-aligned. You can write it like this:

HTML CODE

<p class="right">
Right-aligned.
</p>

CSS CODE

p.right {text-align: right}

You can also omit the tag name in the selector to define a style that will be used by all HTML elements that have a certain class. In the example below, all HTML elements with class=”right” will be right-aligned:

.right{text-align: right}

HTML ID tag

You can also define styles for HTML elements with the id selector. The id selector is defined as a # in css.

HTML CODE

<p id="right">
Right-aligned.
</p>

CSS CODE

p#right { text-align: right }

#right { text-align: right }

0 comment(s)

Track this comments via RSS 2.0 feed. Feel free to post the comment, or trackback from your web site.

Any feedback from you?

Your name (required)

E-mail address (required) (not published!)

Website

Your comment

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.