CSS3 GRADIENTS

The CSS3 gradient feature provides a flexible solution to generate smooth transitions between two or more colors. Earlier, to achieve such effect we had to use the images. Using CSS3 gradients you can reduce the download time and saves the bandwidth usages. The elements with gradients can be scaled up or down to any extent

Categories: CSS

CSS3 BACKGROUND

The CSS3 provides several new properties to manipulate the background of an element like background clipping, multiple backgrounds, and the option to adjust the background size. The following section will describe you all the new background features of CSS3, for other background related properties please check out the CSS background tutorial. CSS3 background-size Property The background-size property can be used to

Categories: CSS

CSS3 COLOR

In the previous section you’ve learnt how to define colors using the color keywords and RGB notations. In addition to that CSS3 adds some new functional notations for setting color values for the elements which are rgba(), hsl() and hsla(). In the following section we’ll discuss about these color model one by one. RGBA Color Values Colors can be defined

Categories: CSS

CSS3 BORDER

The CSS3 provides two new properties for styling the borders of an element in a more elegant way — the border-image property for adding the images to borders, and the border-radius property for making the rounded corners without using any images. The following section will describe you these new border properties of CSS3, for other border related properties please

Categories: CSS

CSS ATTRIBUTE SELECTORS

The CSS attribute selectors provides an easy and powerful way to apply the styles on HTML elements based on the presence of a particular attribute or attribute value. You can create an attribute selector by putting the attribute—optionally with a value—in a pair of square brackets. You can also place an element type selector before it. The following

Categories: CSS

CSS OPACITY

Cross Browser Opacity Opacity is now a part of the CSS3 specifications, but it was present for a long time. However, older browsers have different ways of controlling the opacity or transparency. CSS Opacity in Firefox, Safari, Chrome, Opera and IE9 Here is the most up to date syntax for CSS opacity in all current

Categories: CSS

CSS MEDIA TYPES

One of the most important features of style sheets is that, you can specify separate style sheets for different media types. This is one of the best ways to build printer friendly Web pages — Just assign a different style sheet for the “print” media type. Some CSS properties are only designed for certain media.

Categories: CSS

CSS PSEUDO-CLASSES

The CSS pseudo-classes allow you to style the dynamic states of an element such as hover, active and focus state, as well as elements that are existing in the document tree but can’t be targeted via the use of other selectors without adding any IDs or classes to them, for example, targeting the first or

Categories: CSS

CSS ALIGNMENT

Text inside the block-level elements can aligned by setting the text-align properly. Center Alignment Using the margin Property Center alignment of a block-level element is one of the most important implications of the CSS margin property. For example, the <div> container can be aligned horizontally center by setting the left and right margins to auto. Aligning Elements Using the position Property The CSS position in conjunction with the left, right, top and bottom property

Categories: CSS

CSS FLOAT

Floating Elements with CSS You can float elements to the left or right, but only applies to the elements that generate boxes that are not absolutely positioned. Any element that follows the floated element will flow around the floated element on the other side. The float property may have one of the three values: Value Description left The

Categories: CSS