Archives by Tag 'child elements'

Sample of importing

By Steve Monas - Last updated: Tuesday, June 15, 2010

<style> @import url(http://pathname/stylesheet.css); </style> Note: All @import statements must occur at the start of a style sheet. Any rules specified in a style sheet will override conflicting rules in an imported style sheet. In the event of conflicting rules in two or more imported @import statements, any conflicting rule in last @import statement listing the [...]

Static positioning

By Steve Monas - Last updated: Monday, June 14, 2010

Static positioning is the default positioning of elements on the page. It sources the element as in the HTML and places them linearly one after another. The elements cannot be repositioned and do not have defined coordinates for the element’s position. However, the <body> element is positioned and provides the coordinates for the child elements [...]

Understanding the need for visual formatting model

By Steve Monas - Last updated: Monday, June 14, 2010

CSS visual formatting model supposes that a document contains a number of boxes within boxes. A box can have a border and a background. The content of the box will be held in the center of the box and the area around it will be the padding. The margin is around the border of the [...]

Using z-index to change default stacking

By Steve Monas - Last updated: Monday, June 14, 2010

If a z-index is specified, then the default stacking order is overridden, and the specified stacking order takes effect. The z-index defines the position of the element in the z-index or third dimension of the page. The integer value can be positive or negative. The layer with the lowest index value will be the bottommost [...]

Absolute and relative positions

By Steve Monas - Last updated: Sunday, June 13, 2010

The first step in creating menus or navigation elements is to decide on the location and to create the skeletal structure of the menu or navigation bar. Menu and navigation elements are defined in a div tag. The div tag is absolutely or relatively positioned later according to the need of the web page. Elements [...]