If you’ve worked with CSS and HTML before, you’ve probably used older tags such as frames, framesets, font, and center. Some tags will still be rendered, but they are replaced by better CSS representation. These tags include font styling tags such as i (italics), b (bold), and u (underline).
Old style layouts used frames to define a layout and positioning for page elements, but now HTML pages are based on div elements and the div element’s corresponding CSS class. This is still true for HTML 5, but HTML 5 also offers a header, footer, section, and article tags. These tags are used to layout basic sections of a page. For instance, the header tag is shown at the top of the page, and the footer displays footer elements along the bottom of the page.
CSS 3 also brings several new styles that weren’t previously seen in older versions. One great new class styling attribute is the rounded borders you can add to tables or div tags. The “border-radius” attribute defines the depth of roundness on a border.
Another popular change is the gradient attribute. A gradient style will set a subtle change of one color to the next within a specified tag. These gradients are standard when you want to set a gradient in the background of your web pages. Usually, designers set a gradient from the top to the bottom of the page. You can also set gradients within buttons in your navigation at the top of the page. The gradient styles give your buttons a 3-dimensional look and feel to the page.
Finally, another common CSS 3 attribute is the shadowing effect. Shadows also give your buttons, text, or div tags some depth and a 3-dimensional feel. Your design is an imperative part of the user interface for your pages, so keeping up with the latest designs helps keep your pages looking fresh.