To start, let’s have a look at what CSS is and why it is so significant to modern site design. CSS stands for Cascading Style Sheets and was introduced by the World Wide Web Consortium in late 1996 with the aim to separate webpage content ( written copy, pictures, multimedia, etc. ) from display ( fonts, colors, layout, page structure, and so on. ).
Come visit us right here for more Joomla Template Info and get Three Free Joomla Template Ebooks Tableless Joomla Templates
http://www.joomlatemplatezone.com/
This is why CSS files are often known as’external style sheets’. When an HTML page or other sort of internet page loads like .aspx, .php, or .cgi, the page calls the external CSS file and reads all the presentation properties outlined in the file. The CSS file tells the HTML page how to style the website’s's content and in the case of tableless web design, where to place it. With CSS, a web site designer can set rules for the presentation of individual webpages or a whole site.
Historically, web pages were built using HTML with tables to layout the page structure and content. These cell based tables are very similar in form to a table found in Microsoft Excel and Word. An advantage of using tables is when used correctly, it closely mimics the standard page layout in print media like papers or magazine articles. However, as web technology has advanced and become more dynamic, a new era of design with larger possibilities has emerged. A new solution to coming up with and laying out internet pages was created to break the constraints of structured table layouts.
It is important to appreciate that normal table based design and CSS aren’t jointly exclusive ; CSS is commonly used by web developers using table based design to control the properties of tables and other items on their internet pages. On the other hand, tableless design wouldn’t be possible without CSS. However instead of using tables, a tableless designer uses what are known as’DIV’s, which is short for’division’. A DIV’s properties are defined within the CSS file. CSS tells the DIV where to appear on a net page, its width and height dimensions, and its appearance i.e. If it should have a background color or image, a border, or whether it should even be plain. There are a big variety of other CSS properties that can be applied to DIVs. Instead of being restricted by the firm grid structure of tables, DIVs can be made any size and placed anywhere on a webpage including layered on top of one another. This is what makes CSS tableless DIV design so tough.
Even though the utilization of tables for website page structure is deprecated, tables still play an important role in CSS tableless design. An example of best practices for using a table in your design that many novice CSS tableless designers overlook is when building a web form, for instance a company information request form. Therefore it’s important for CSS tableless designers to grasp how to use tables and when they’re a better and more efficient solution than using strictly CSS tableless design.
By trying CSS style sheets it is extremely straightforward to maintain visible consistency thru your internet site. When using table based layouts, it is simple to lose this consistency because each web page’s style, layout, and design are frequently hard-coded individually into each page. If you need to make a change to your site across all pages, you’ll have to change the code on each individual page. With CSS, all pages can use the same CSS document for their layout and styles. If you change a property in the CSS file, the changes will be instantaneously reflected across all pages of your internet site.
As an example, if you’d like to modify font sizes and colors within your website, your external CSS file can be simply opened and the necessary changes made without making the change on every page of your site.
Come visit us right here for more Joomla Template Info and get Three Free Joomla Template Ebooks Tableless Joomla Templates
http://www.joomlatemplatezone.com/