As mentioned earlier fixed width design is created using pixels as the unit of measurements. In this article we will dive deeper into the CSS layouts by creating a one column fixed width layout. example.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 [...]
Web Layouts In CSS
There are for different layout along which web designers can design their pages. They are namely, Fixed Width Fluid Elastic Hybrid The most common are fixed-width layouts and fluid layouts. Fixed-width layout The name for this layout is fixed-width because the container surrounding all elements is fixed width i.e. it’s width is defined in pixels. [...]
CSS Tables
Tables are a great way of representing tabular data. CSS tabular properties are very important in making the tables more accessible and controlling the layout and presentation of the table. Table-Layout The property table-layout defines the layout algorithm to be used for the table. It can take 3 values: auto: Sets the column width to [...]
CSS Navigation
Navigation menus are a very important part of a website. They allow you to hop through the different pages in a website. There are two types of menus vertical menus and horizontal menus and there are a number of ways to implement them. But the simplest and best way to do it is in CSS. [...]
CSS Box Model
In CSS HTML Elements can also be referred to as boxes. Knowledge of the box model is very important for positioning and layout. The CSS box model consists of margins, padding, and borders which enclose the main content area similar to a box, thus the name ‘Box Model’ Margin: this is the space around the [...]
CSS AT-Rules
The CSS @ rules are instructions and directives to the parser. These include: @charset @import @media @page @font-face @namespace @charset This rule is used to define the character encoding of an external style sheet. @charset is followed by a valid character encoding name and a semicolon. However it is rarely needed because in most circumstances [...]
Gradients and Drop-Shadows
Creating Gradients Adding Linear gradients to elements as backgrounds, is a common practice. Gradient can be used as a background for buttons, menus or the entire web page. In CSS3 we can add linear gradients using the background-image property. However there are different syntaxes for various vendor browsers. example.css 1 2 3 4 5 6 [...]
Backgrounds In CSS3
There are many changes made to existing background properties in CSS3, with the addition of four new properties. Background-image property now allows the definition of more than one background images .The images are separated by a comma. The first declared image is placed on the top with the subsequent images appearing as subsequent layers beneath [...]
CSS Backgrounds
There are a couple of CSS background properties that enable you to define the background effects for HTML elements. background-color This property allows you to set the background color of an element. The background color can be specified in three ways just like the color property for text. HEX value preceded by a # an [...]
Styling Text With CSS
Web Typography is a very important in web page design. Good typography leads the eye of the user in accordance with the desired pattern ,based on the level of importance of a web page’s content. The text on a web page should be readable, with a high contrast between text and its background. Importance should [...]
