display (CSS2)

In this example the inline display is used to merge the two paragraphs of example text together.

The flexible box layout gives us a way of creating flexible boxes. It lets us align and distribute boxes vertically and horizontally as well as have boxes flex to use all available space. You can also display the elements in reverse order compared to how they are ordered in the markup.

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. jQuery is an open source JavaScript library that simplifies the interactions between an HTML document, or more precisely the Document Object Model (DOM), and JavaScript.

Unordered or ordered lists can be arranged in two, three, or more columns using nothing more than css. We force the list to break at the right point. If We want two columns, you need to float the list items left and set them at 50% width and for three columns would require a width of 33% and floated left, four would be 25% and so on.

The jQuery slideUp and slideDown methods gradually change the height of the selected elements.

CSS display block property displays the HTML elements in the block.

The jQuery fade methods gradually change the opacity for selected elements.

jQuery Animate can function supports animation in different directions

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

The CSS inline-block for the display property it’s a way to make elements inline, but preserving their block capabilities such as setting width and height, top and bottom margins and paddings.

The flexible box model has box-pack nad box-align properties. The box-pack property allows to fit the boxes that are in horizontal manner. The box-align property allows to fit the boxes that are in vertical manner. The box-ordinal-group property allows to set the order of the boxes manually.

CSS display property specifies how an element is displayed. The 'none' property hides the elements.