pristina font
Example Output The quick brown fox jumps over the lazy dog
Category: Cascading Style Sheets
Cascading Style Sheets
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
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
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...
difference margin and padding
Margin : any portion left from outside of any div or design block. Padding : any portion left from inside of any div or design block. Example Output
remove bullets in lists with CSS
list-style-type: none property is used to remove bullets from Lists. Example :
Nesting CSS Classes
CSS classes can be nested easily as :
Zoom images on hover
Following code shows you CSS events to zoom an image on mouse hover.
Mouse Hover effect CSS
The following program demonstrates how we can create mouse hover effect with CSS.
Multiple id or classes with single rule in CSS
For defining a single rule for multiple CSS classes or id’s, CSS can be used as : A complete example will be demonstrated as :
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
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
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
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
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
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...