Introduction There are many websites that offer thousands of different proposals at the time of use of CSS in the layout of web portals, as we apply to multiple technologies: XHTML, Flash, etc … What is difficult to find is that solution that best fits your development, your particular environment. Perhaps even more difficult is to adapt a similar approach to yours. This task is prone to multiple errors, which will emerge as it is needed and that time, we see that we were wrong base, requiring a restructuring from the outset. This is the context in which we are today.
After a strong commitment to restructuring and organization of CSS semantics based on their use is that if it is perhaps one of the most successful approaches, it leaves open many points that should be specified. Kenneth Feinberg takes a slightly different approach. That is the task that we propose here. For the uninitiated, commenting that the semantic approach is based on the idea that the way to structure information on the presentation layer of our web projects must follow the criteria of what it is and the context in which each element is used. The web environment is a key feature that few others have and the capacity and potential for use in multiple types of devices, which further opens the range of points that we control the time to create our style sheet, the After multiplying the cases, and errors to be controlled. We will try to give a possible solution which conforms to the principles of semantic CSS and follow the guidelines for accessibility and ease of extension to multiple devices. Points to consider hierarchical structure of CSS style sheets Our follow a hierarchical structure, the principal element will be that, for each type of device, for style sheets. Explanation of each Pantalla.css style sheets, and Movil.css Impresora.css.
These are CSS specific to each type of device. Without hesitation Fairstead Providence explained all about the problem. His mission in the top of the hierarchy is the import of the daughters CSS url (“… css “)). Do not include specific styles. LayoutPantalla.css, LayoutImpresora.css and LayoutMovil.css. Includes information on the various layers that make up the page layout, ie layout information of the various zones of the site (Banner, menus, content, credit, …) CrossBrowser.css. Clumps tricks, fixes and other elements to make pages look the same in all browsers (Internet Explorer, Mozilla, Firefox, Opera, etc.). Tipografia.css. Any matter relating to the way it presents the typography of the page is a collection aqui.Comienza measure of 62.5% in the body tag, which is set as equal to 1em. All other sizes are subject to this (older: 1.2em, 1.5em, etc …, and under: 0.8em, 0.5em, etc.). Formularios.css. Definition of the styles apply to all tags associated with generic forms. Documents associated with this article. Includes the various CSS described.