In this tutorial you will learn about Cascading Style Sheets (CSS), Background, Background Color, Background image, Repeating background image, Background position and Background attachment.
To set the background color of an element, use the “background-color” property.
body
{
background-color: #FF0000;
}
This sets the background color of the document to red.
In this tutorial you will learn about Cascading Style Sheets (CSS), Applying CSS, External style sheets, Internal styles, Inline styles and Multiple style sheets
There are different types for specifying styles to be used with HTML documents, they can be specified in an external CSS file, inside the < head > element of the HTML document, or/and inline to be specific to a single HTML element, also there is the browser default style.
These styles will be cascaded in a single HTML documents at the following priority:
Inline style has the highest priority.
In this tutorial you will learn about Cascading Style Sheets (CSS), Units and Colors, Percentage, Values, Colors, References - Font and Text, Color and Background, Layout, Classification, Positioning and Pseudo-classes.
Percentage values have to be followed by “%”.
In this tutorial you will learn about Cascading Style Sheets (CSS) - Media Styles, Internal different media CSS and External CSS files.
CSS adds support for different media types, you can create many styles, and each style defines how the document will be styled when its media type is used.
There are two ways to use a different CSS for different media types in the same document, you can place the style internally in the HTML document, or you can create as many CSS files and link them to the HTML document.
To use internal media CSS, use the “@media” rule, the rule(s) will be inside the < style > elements.
In this tutorial you will learn about Cascading Style Sheets (CSS) - Pseudo Classes, Link, First letter and First line
CSS has pre-defined pseudo classes.
pseudo class has special syntax, the rule starts with the selector, then the pseudo class, and finally the declaration, the selector and the pseudo class are separated with a colon “:”.
In this tutorial you will learn about Cascading Style Sheets (CSS) - Elements Display, Float, Position, Visibility, Cursor, Vertical align and z-index.
The display properties enable you to set the way to display elements and the position of the element relative to another element or to the whole document.
To set the appearance of an element or an image relative to another element, use the property “float”, this property can have on of the following values:
left, right, or none.
img
{
float: left;
}
In this tutorial you will learn about Cascading Style Sheets (CSS) List, List style type, List style position, List style image and Using the shortcut.
To set the list style marker type, use the property “list-style-type”, this property can have on of the following values:
none, circle, disc, square, decimal, decimal-leading-zero, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, lower-roman, upper-roman, armenian, cjk-ideographic, georgian, hebrew, hiragana, hiragana-iroha, katakana, or katakana-iroha.
< ul style=”list-style-type: disc;” >Fruits:
< li >Apples< /li >
< li >Bananas< /li >
< /ul >
In this tutorial you will learn about Cascading Style Sheets (CSS) Borders, Border width, Border style, Border color and Using the shortcut
Borders in CSS are not just the table borders as in HTML, with CSS any HTML element can have borders, CSS adds many effects to be applied to these borders.
To set the width of a border, use the property “border-width”, the value of this property can be one of the following values:
thin, medium, thick, or an absolute value as the table “border” attribute in HTML.
table
{
border-width: 2px;
}
CSS3 Multi-Column Module is a vital feature present in CSS3.This feature enables users to flow the content of an element into multiple columns. The CSS3 Multi-Column Module is a important feature because it gives users the following features or advantages there is no need to for users to scroll up and down while reading the text from one column to the next column,
it prevents the need for horizontal scrolling, wraps text user friendly and easier to read without making too short words or lines and most of all everything could be embedded in a single page making it comfortable and economical. This feature is supported by most of the famous and commonly used browsers like Mozilla and Firefox.
CSS is an acronym for Cascading Style Sheets.
CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things. Just wait and see!
HTML can be (mis-)used to add layout to websites. But CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today.
home |
about | submit a site | tags | site map | contact us | rss
© CSS Examples 2008, All rights Reserved.
