Category: Cascading Style Sheets

Cascading Style Sheets

Custom fonts in CSS

Custom fonts in CSS

Fonts that are bundled with browsers are not sufficient sometimes, In order to use some other 3rd party or custom fonts we have to follow some steps as : Step 1 Download any font...

even odd table rows styling with CSS

even odd table rows styling with CSS

tr:nth-child(odd) and tr:nth-child(even) are the CSS selectors responsible for selecting even and odd colors in table rows and columns. Starting right from first row of the table. Add any number of rows and style...

CSS div id VS. div class

CSS div id VS. div class

ids must be unique where as class can be applied to many things. In CSS, ids look like #elementID and class elements look like .someClass   In general, use id whenever you want to...

z index

z index

The z-index CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with...

CSS word-spacing Property

CSS word-spacing Property

Specify that the space between words in paragraphs should be n pixels: Example (spacing with 10px) Output: the quick brown red fox jumps over the lazy dog Example (spacing with 30px) Output: the quick...

width

width

The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.   The min-width and max-width properties override...

widows

widows

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing...

white-space

white-space

The white-space CSS property is used to to describe how whitespace inside the element is handled. Values normal Sequences of whitespace are collapsed. Newline characters in the source are handled as other whitespace. Breaks...

:visited

:visited

The :visited CSS pseudo-class lets you select only links that have been visited. This style may be overridden by any other link-related pseudo-classes, that is :link, :hover, and :active, appearing in subsequent rules. In...