Margins and Padding

Margin and Padding are the two most commonly used properties for spacing-out elements. A margin is the space outside of the element, whereas padding is the space inside the element.

Example:

.cp_list {
font-size: 14px;
background-color: #ffc;
margin: 10px 0px 5px 20px;
padding: 3px;
}

In this example (margin: 10px 0px 5px 20px;) which say the browser to leave space as top 10px, right 0px, bottom 5px and left 20px... and for padding which will alocate space 3px in all aspects..

The four sides of an element can also be set individually. margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left

Read more...

Grouping

In order to decrease repetitious statements within style sheets, grouping of selectors and declarations is allowed. For example, all of the headings in a document could be given identical declarations through a grouping:

H1, H2, H3, H4, H5, H6 {
color: red;
font-family: sans-serif }

Read more...

HTML Link Tutorial

Links allow you to link to another document on any other website or from any other website on the internet, including your own. The text that is hyperlinked is called hypertext.

To create a link, you use a starting anchor tag (<a>) and a closing anchor tag (<a>)

The attribute and value href="..." specifies where the link points to. This is typically another url, a file on the computer.

for example: <a href="http://www.htmlcsstutorials.blogspot.com">htmlcss tutorials</a>

Read more...