CSS3 brings great news for web design.

CSS3 brings great news for web design.

Since CSS began many years have passed and we are already CSS3 specification, which incorporates a number of innovations that we will try to summarize in this article.

What is CSS?

If you do not know what CSS interested you probably start by reading our manual CSS or CSS section thoroughly. However, one might say that CSS is a language for defining the style or appearance of web pages written in HTML or XML documents. CSS was created to separate the content of the form, while allowing designers to maintain a much more precise control over the appearance of the pages.

More control With CSS3

The initial goal of CSS, separating content from form, shall be fulfilled as the first language specifications. However, the objective of offering total control to designers on the elements of the site has been more difficult to cover. The above specifications have many uses language to style websites, but developers still continue to use tricks to get various effects as common or as desired as rounded or shading elements on the page.

CSS1 represented a considerable advance when designing websites, providing much greater control over page elements. But there were still many other things that the designers wanted to do, but did not allow specify CSS, they should make use of tricks to design. The worst of these tricks is that often involves altering the content of the page to add new HTML tags that allow styling of a more elaborate way. Given the need to change the content, to alter the design and do things that CSS is not allowed, it was ruining any of the purposes for which CSS was created, which was completely separate content from form.

CSS2 incorporated some interesting developments, which today already use regularly, but CSS 3 still goes a little more in the direction of providing more control over page elements.
So, the most important development that provides CSS 3, facing web developers, is the incorporation of new mechanisms to maintain greater control over the style that shows the elements of the pages, without having to resort to tricks or hacks, often complicating the code of the web.

New properties in CSS3

Here is a list of key properties that are new in CSS3:

Edges

  • border-color
  • border-image
  • border-radius
  • box-shadow
Funds

  • background-origin
  • background-clip
  • background-size
  • layering with multiple background images
Color

  • HSL colors
  • HSLA colors
  • RGBA colors
  • Opacity
 Text

  • text-shadow
  • text-overflow
  • Break long words
  • Web Fonts
Interface

  • box-sizing
  • resize
  • outline
  • nav-top, nav-right, nav-bottom, nav-left
Selectors

  • attribute selectors
Basic box model
• overflow-x, overflow-y
CSS3 Gradients

  • Linear Gradients
  • Radial Gradients
  • linear gradients repeat
  • repeating radial gradients
Others

  • media queries
  • Creating multiple columns of text
  • speech oriented properties or automatic reading of web pages
  • CSS3 animations

 

Part of this list of new CSS3 properties I have taken from: http://www.css3.info/preview/. It is an English site, but may be well to visit to get to know more about CSS 3. However, in that place were missing some things like gradients or animations, at least when we visited, so we have completed for the realization of this index.
Future articles will offer some tips and explanations on several of these properties, at least the most interesting as well as examples that serve to get to know this new CSS specification. All this as we will be placing in the Manual CSS 3.