CSS For Beginners

Simple Code for CSS beginners

CSS Table

 CSS table  allow you to set the layout of a table.
Example…
<html>
<head>
<style type=”text/css”>
table.freedom
{
table-layout: automatic
}
</style>
</head>
<body>

CSS List

The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.This is maybe because they are much more specific than ordered and unordered lists and therefore less useful, but where there is a list of terms and descriptions  a definition list should [...]

CSS Padding

Definition
CSS padding define the space between the element border and the element content. The top, right, bottom, and left padding can be changed  using separate properties. 

CSS Margin

 The left margin of an element.
The left margin of an element is set using the margin-left property.
<html>
<head>
<title>Setting the left margin of an element</title>
</head>
<body>
<p>
this is text..
</p>
<p style=”margin-left: 3cm;”>
This is left margin text .
</p>
</body>
</html>

CSS Outline

Specifies an outline for a box. Rendered around the outside of the border and on top of the box, so it does not affect its size or position. The value can combine out line color, outline style and outline width.
How to draw a line around an element, outside the border.

CSS Border

The CSS border property gives you the option to specify the style and color of the border of an element. With this property, we now can create borders with nice effects, which can also be applied to any element.
There are so many options how to use the property border:

CSS Font

How to set a font of a text.
<html>
<head>
<style type=”text/css”>
h3 {font-family: times}
p {font-family: courier}
p.text{font-family: sans-serif}
</style>
</head>
<body>
<h3>This is text</h3>
<p>This is a paragraph</p>
<p class=”text”>This is a paragraph</p>
</body>
</html>

CSS Text

How to set the color of the text.
<html>
<head>
<style type=”text/css”>
h1 {color: #FFFF99}
h2 {color: #CCFFFF}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>This is text</h1>
<h2>This is text 2</h2>
<p>This is a paragraph</p>
</body>
</html>

CSS Background

Back Ground Color
How to set the background color for an element.
<head>
<style type=”text/css”>
body {background-color: green}
h1 {background-color:#CCFFFF}
h2 {background-color: transparent}
p {background-color: rgb(210,0,234)}
</style>
</head>

  

Types of Style Sheet

External Style Sheet.
An external style sheet is simply a text file containing a list of CSS. The file is saved with a .css extension and saved to any directory that can be accessed by the web pages using it. Unlike embedded style sheets, the CSS rules sets do not have to be wrapped in the <style>…</style> [...]

How to Insert a Style Sheet

External 
With an external style sheet, you can change the look of an entire Web site by changing one file.This external style sheet must be save in the directory and ech page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:
<head>
<link rel=”stylesheet” type=”text/css”  href=”style.css” ></link>
</head>

Css Syntax

CSS syntax is different than that of (X)HTML markup. Though it is not too confusing, once you take a look at it. It consists of only three parts.
selector { property: value }
The select is the HTML element that you want to style. The property is the actual property title, and the value is the style you apply to [...]

Css Introduction

CSS is a style language and it stands for cascading style sheets. Style sheets define how HTML documents will be displayed and allow numerous styles to be defined.
Styles are normally stored in Style Sheets .
External Style Sheets can save you a lot of work.
External Style Sheets are stored in CSS files .
Multiple style definitions will [...]

How To Learn CSS

There are numerous CSS  (Cascading Style Sheets)  tutorials and books that are available at no cost. However, before learning CSS it is important the individual as a complete understanding of HTML. If questions arise it may be useful to post them in web development related forums in ordered to gain explanations.CSS is very importent in Web [...]

CSS History

CSS starts in 1994. One of the authors of this book works at CERN  the cradle of the Web -and the Web is starting to be used as a platform for electronic publishing. One crucial part of a publishing platform is missing, however: there is no way to style documents. For example, there is no [...]