padding (CSS2)

CSS3 transitions are effects that let an element gradually change from one style to another. To do this, you must specify the effect and the duration.

A margin is the space outside of the element, whereas padding is the space inside the element.

Now HTML 5 came up with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up. HTML 5 DnD is supported by all the major browsers like Chrome, Firefox 3.5 and Safari.

jQuery animate method is very powerful API to manipulate html elements and add animation functionality. The use of animate function is very simple.

In addition to setting a style for a HTML element, CSS allows you to specify your own selectors called "id" and "class". "id" and "class" are attributes to most HTML elements.

jQuery provides methods to manipulate documents in efficient way. You do not need to write big code to modify the value of any element's attribute or to extract HTML code from a paragraph or division.

You can increase the space within the table cells and the space between the cells by using the cellpadding and cellspacing attributes. The cellspacing attribute adjusts the space between the cells and cellpadding adjusts the space within (around) the cell.

Drag and Drop magic with HTML5 using an image to drag back and forth between four <div> elements.

The drawImage method allows you to insert other images (img and canvas elements) into your canvas context. To draw an image using HTML5 Canvas, we can use the drawImage() method which requires an image object and a destination point. The destination point is relative to the top left corner of the image.

To align HTML5 Canvas text, we can use the textAlign property of the canvas context, which can be set to start, end, left, center, or right. Unless otherwise specified, the textAlign property is defaulted to left.

CSS3 transitions provide a way to control the speed of animation changes to CSS properties. Instead of having the animation changes take effect instantly, you can transition the property changes over a specified time period.

The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags.

Using jquery manipulation methods, we can replace elements with another elements.

jQuery provides methods to manipulate documents in efficient way. Using jquery manipulation methods, we can insert element in given document. Like here we add a new element before the blue square.

CSS Transforms offers you the possibility to scale, rotate, reposition and skew an element through CSS. We can now combine this with CSS Transitions to create a nice example that will both scale and rotate an element when hovered

It is possible to add more than one class to an HTML element. Classes are written within the same attribute, with spaces separating each class. The advantage of multiple classes is that you can write a CSS rule to select either of the classes – and they both affect the same element.

Creating a on Margins, padding,and borders.

CSS padding is used to make the gap between the container and the text.

Using jQuery manipulation methods, we can remove elements.

CSS3 allows you to format your elements using 3D transforms and here we have rotated 180 degrees around X axis.

You can specify the border-radius value in pixel and percentage.