| In modern web design culture, the use of style sheet | | | | columns. |
| languages such as CSS has become a popular tool | | | | * Lack of Variables - CSS contains no variables. This |
| and trend for web designers. The use of CSS started | | | | makes it necessary to do a "replace-all" when one |
| when the need for functional web designs, both | | | | desires to change a fundamental constant, such as |
| effective and efficient, were in great demand and | | | | the color scheme or various heights and widths. |
| the use of table weren't as effective and as efficient | | | | * Inconsistent Browser Support - Different browsers |
| as anyone have thought. Several advantages has | | | | will render CSS layout differently as a result of |
| been cited as to why CSS became accepted in the | | | | browser bugs or lack of support for CSS features. |
| growing industry of web design. Such advantages are | | | | Numerous so-called CSS "hacks" must be |
| as follows: | | | | implemented to achieve consistent layout among the |
| * Bandwidth - A stylesheet will usually be stored in | | | | most popular or commonly used browsers. Pixel |
| the browser cache, and can therefore be used on | | | | precise layouts can sometimes be impossible to |
| multiple pages without being reloaded, increasing | | | | achieve across browsers. |
| download speeds and reducing data transfer over a | | | | * Vertical Control Limitation - While horizontal |
| network. | | | | placement of elements is generally easy to control, |
| * Reformatting or Progressive Enhancement - With a | | | | vertical placement is frequently unintuitive, |
| simple change of one line, a different stylesheet can | | | | convoluted, or impossible. Simple tasks, such as |
| be used for the same page. This has advantages for | | | | centering an element vertically or getting a footer to |
| accessibility, as well as providing the ability to tailor a | | | | be placed no higher than bottom of viewport, either |
| page or site to different target devices. Furthermore, | | | | require complicated and unintuitive style rules, or |
| devices not able to understand the styling will still | | | | simple but widely unsupported rules. |
| display the content. | | | | * Control of Element Shapes - CSS currently only |
| * Flexibility - By combining CSS with the functionality | | | | offers rectangular shapes. Rounded corners or other |
| of a Content Management System, a considerable | | | | shapes may require non-semantic markup. However, |
| amount of flexibility can be programmed into content | | | | this is addressed in the working draft of the CSS3 |
| submission forms. This allows a contributor, who may | | | | backgrounds module. |
| not be familiar or able to understand or edit CSS or | | | | * Poor Layout Controls for Flexible Layouts - While |
| HTML code to select the layout of an article or other | | | | new additions to CSS3 provide a stronger, more |
| page they are submitting on-the-fly, in the same | | | | robust layout feature-set, CSS is still very much |
| form. | | | | rooted as a styling language, not a layout language. |
| * Consistency - When CSS is used effectively, in | | | | * Lack of Column Declaration - While possible in |
| terms of inheritance and "cascading," a global | | | | current CSS, layouts with multiple columns can be |
| stylesheet can be used to affect and style elements | | | | complex to implement. With the current CSS, the |
| site-wide. If the situation arises that the styling of | | | | process is often done using floating elements which |
| the elements should need to be changed or adjusted, | | | | are often rendered differently by different browsers, |
| these changes can be made easily, simply by editing | | | | different computer screen shapes, and different |
| a few rules in the global stylesheet. | | | | screen ratios set on standard monitors. |
| For web design and development solutions, then visit | | | | * No of Multiple Backgrounds per Element - Highly |
| an online Web design Philippines site to learn more | | | | graphical designs require several background images |
| about it. | | | | for every element, and CSS can support only one. |
| Though CSS has its strengths, it also has its | | | | Therefore, developers have to choose between |
| weaknesses. Web professionals that used CSS as | | | | adding redundant wrappers around document |
| their base for layout designing and editing have also | | | | elements, or dropping the visual effect. |
| cited some drawbacks upon relying heavily on the | | | | For web design and development solutions, then visit |
| style sheet language. Here are a short list of the | | | | an online Web design Philippines site to learn more |
| some disadvantages of using pure CSS on web | | | | about it. |
| layouts and designs. | | | | Though a number of difficulties, drawbacks, and |
| * Collapsing Margins - Margin collapsing is, while | | | | disadvantages were found through use of "pure" |
| well-documented and useful, also complicated and is | | | | CSS, its usefulness in web design is still apparent in |
| frequently not expected by authors, and no simple | | | | other ways. Because of its accessibility, web content |
| side-effect-free way is available to control it. | | | | for mobiles phones and PDAs became accessible |
| * No Expressions - There is currently no ability to | | | | because of CSS. CSS consumes lesser bandwidth. |
| specify property values as simple expressions (such | | | | And with CSS, virtually all of the layout information |
| as margin-left: 10% - 3em + 4px;). This is useful in a | | | | resides in one place: the CSS document. Because the |
| variety of cases, such as calculating the size of | | | | layout information is centralized, these changes can |
| columns subject to a constraint on the sum of all | | | | be made quickly and globally by default. |