CSS « Tags « MilkAddict

CSS Cheat Sheet.

On 11.03.09, In CSS, Tutorials, By Adriano

A CSS cheat sheet is a very useful instrument for coders since it’s a simple one-page reference sheet, listing all CSS selectors (as of CSS 2.1) and properties. It also includes a visual example of the box model and unit reference for CSS units:

CSS cheat sheet by AddedBytes.com

The CSS cheat sheet features at least the following sections: Selectors, Pseudo-Selectors and Pseudo-Classes, Sizes and Colours, Positioning, Dimensions, Color/Background, Text, Fonts, Boxes, Tables, Paging, Interfaces.

Many thanks to AddedBytes.com for this!

Tagged with: CSS • tutorial • Web

Positioning CSS elements.

On 06.09.07, In CSS, Layouts, Tutorials, By Adriano

In this section I will explain how to position CSS elements.

(more…)

Tagged with: box • CSS • positioning • tutorial

CSS Margin Collapsing

On 06.08.07, In CSS, Design, Tutorials, By Adriano

Maybe many guys out there, when they start to learn how to use CSS, don’t know that when two or more vertical margins meet in a layout, they collaps to form a single margin. Which will be the height of this margin? simple.. the larger of the two margins.

This is true only for block boxes, in the normal flow of the document (not for inline, floated, absoluted positioned boxes..).

This is the case for example of two elements vertically aligned:

Margin collapsing tutorial

The result will be the following:

Margin collapsed

(more…)

Tagged with: box • CSS • margins • tutorial

CSS BOX Model.

On 06.01.07, In CSS, Tutorials, By Adriano

One of the most important thing to understand about CSS is the Box Model. The Box Model how elements are displayed. Every element that we use in the page is considered to be a rectangular box. The properties for this box are as follow: content, padding, border and margin.

You can understand how this element interact from the following visual representation:

CSS BOX Model

(more…)

Tagged with: borders • box • CSS • margins • padding • tutorial

Document Type Definition (DTD) and DOCTYPE Declaration.

On 05.13.07, In CSS, By Adriano

A Document Type Definition (DTD) is a set of rules that define the document structure in a particular version of XML or (X)HTML. A browser will parse the web page looking for the Document Type (DOCTYPE) Declaration in your CSS code and will use these rules to validate the page.

An example of Document Type (DOCTYPE) Declaration is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

The DOCTYPE declaration is included at the start of the (X)HTML document. It is required in order for the page to validate as the browser needs to know which DTD to use in order to process the page correctly.

In the previous example the DTD XHTML 1.0 Transitional is used.

(more…)

Tagged with: browser • CSS • doctype • DTD • html • tutorial • validator • w3c • xml

CSS Simple Layouts.

On 03.27.07, In CSS, Design, Layouts, Tutorials, By Adriano

Ok. Before we start.. what is CSS?

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language as for example HTML, HTML or even XML. The CSS specifications are maintained by the World Wide Web Consortium (W3C).

The aim of CSS is then to position the content of a web page. CSS is used by the author (and even the readers!) of websites to define colors, fonts, layout, and other aspects of the presentation of a document.

CSS layouts

(more…)

Tagged with: CSS • download • html • layout • tutorial • w3c • Web • xml

MilkAddict

Milkaddict.com is a place where people can explore high tech or social content organized in different categories, learn new things, communicate and eventually build new relationships, expose their thoughts, and hopefully also have some fun.

CSS Cheat Sheet.

Positioning CSS elements.

(more…)

CSS Margin Collapsing

CSS BOX Model.

Document Type Definition (DTD) and DOCTYPE Declaration.

CSS Simple Layouts.

Sponsors

Categories

Admin

Last.fm

Featured Posts

Milkaddict.com is a place where people can explore high tech or social content organized in different categories, learn new things, communicate and eventually build new relationships, expose their thoughts, and hopefully also have some fun.

Sponsors

Categories

Tag Cloud

Admin

Last.fm

Featured Posts