Advance Topic In CSS

Cursor In CSS

The cursor for any element can be set by using the css property “cursor“. CSS allows you to specify custom cursor that should appear when hovering over an element. The normal default cursor icons are usually a skewed arrow, an “I” icon that appears when selecting text, and an hourglass.   Example 1: <html> <head> …

Cursor In CSS Read More »

Classification

The CSS classification properties allow you to control how to display an element, set where an image will appear in another element, position an element relative to its normal position, position an element using an absolute value, and how to control the visibility of an element.   CSS Classification Properties   Property Description Values clear …

Classification Read More »

Dimension

The CSS dimension properties allow you to control the height and width of an element. It also allows you to increase the space between two lines.   CSS Dimension properties:   Property Description Values height Sets the height of an element auto length % line-height Sets the distance between lines normal number length % max-height …

Dimension Read More »

onMouseover Effect

Using onMouseover property, we can define how a link (or image or any other element) should act when the mouse is moved over the element. It is very simple to do this. Just follow the steps and you can do it.   In head portion add style that you want the text to change, as …

onMouseover Effect Read More »

Creating a CSS based menu

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML>  <HEAD> <style type=”text/css”>  .hovermenu ul{ font: bold 13px arial; padding-left: 0; margin-left: -1; margin-top:-1; height: 20px; } .hovermenu ul li{ list-style: none; display: inline; } .hovermenu ul li a{ padding: 2px 0.5em; text-decoration: none; float: left; color: black; background-color: #FFF2BF; border: 2px solid #FFF2BF; } .hovermenu ul …

Creating a CSS based menu Read More »