| To start, let's have a look at what CSS is and why | | | | CSS tells the DIV where to appear on a web page, |
| it's so significant to modern website design. CSS | | | | its width and height dimensions, and its appearance |
| stands for Cascading Style Sheets and was | | | | i.e. If it should have a background color or image, a |
| introduced by the web Consortium in late 1996 with | | | | border, or whether it should even be plain. There are |
| the attempt to separate webpage content ( written | | | | a big variety of other CSS properties that can be |
| copy, images, multimedia, etc. ) from display ( fonts, | | | | applied to DIVs. Rather than being constrained by the |
| colors, layout, page structure, for example. ). Another | | | | rigid grid structure of tables, DIVs can be made any |
| chief target of CSS is to boost and enhance web | | | | size and placed anywhere on a webpage including |
| accessibility. Previous to the advent of CSS, a web | | | | layered on top of each other. The layout and design |
| page's's HTML markup defined both content and | | | | possibilities are essentially endless. Although the use |
| display. | | | | of tables for website page structure is deprecated, |
| Come visit us right here for more Joomla Template | | | | tables still play an important role in CSS tableless |
| Info and get Three Free Joomla Template Ebooks | | | | design. Tables should be used for structuring and |
| Tableless Joomla Templates | | | | presenting tabular information. Therefore it's critical |
| This is the reason why CSS files are often known | | | | for CSS tableless designers to appreciate how to use |
| as'external style sheets'. With CSS, a web designer | | | | tables and when they are a better and more |
| can set rules for the presentation of individual | | | | effective solution than using strictly CSS tableless |
| webpages or a complete site. | | | | design. |
| Traditionally, web pages were built using HTML with | | | | By trying CSS style sheets it is highly easy to |
| tables to layout the page structure and content. | | | | maintain visual consistency throughout your website. |
| These cell based tables are extremely close in form | | | | When using table based layouts, it is easy to lose this |
| to a table found in Microsoft Excel and Word. A | | | | consistency because each internet page's style, |
| benefit of using tables is when used properly, it | | | | layout, and design are frequently hard-coded |
| closely mimics the standard page layout in print media | | | | individually into every page. If you need to try a |
| like papers or glossy articles. However, as web | | | | change to your internet site across all pages, you |
| technology has advanced and become more dynamic, | | | | may have to change the code on each individual |
| a new era of design with bigger probabilities has | | | | page. With CSS, all pages can use the same CSS |
| appeared. A new solution to coming up with and | | | | document for their layout and styles. If you change a |
| laying out internet pages was created to damage the | | | | property in the CSS file, the changes will be |
| limits of structured table layouts. This approach is | | | | instantaneously reflected across all pages of your |
| called CSS tableless design. | | | | site. As an example, if you'd like to change font sizes |
| It is important to understand that normal table based | | | | and colors within your website, your external CSS file |
| design and CSS are not jointly exclusive ; CSS is | | | | can be simply opened and the essential changes |
| frequently used by web developers using table based | | | | made without making the change on each and every |
| design to govern the properties of tables and other | | | | page of your website. To change the look of your |
| items on their web pages. On the other hand, | | | | site for special or seasonal promotions, the entire |
| tableless design wouldn't be possible without CSS. | | | | site'look and feel' can be completely changed simply |
| However instead of using tables, a tableless designer | | | | by changing properties in the CSS file without |
| uses what are called'DIV's, which is short for'division'. | | | | touching the HTML code of the web page. |