eMI Reset Style Sheet

Overview

The default box model (box-sizing) of CSS is content-box. This is unfortunate as it makes height and width calculation difficult. The solution sets all HTML elements to the border-box box model via the universal selector.

All HTML 5 elements (aside from br and wbr) are given a basic style by the solution. Properties of most elements are either set to inherit (e.g. color and font) or to 0 (e.g. border, margin, outline and padding). The display property of each element is set appropriately to ensure that older devices display them correctly. Elements with the display property set up block are given 10 pixel top and bottom margins.

The appearance of unstyled HTML tables has traditionally not be considered desirable. The solution defaults to an appearance similar to that of the Wikimedia Foundation (i.e. wikitable). HTML form elements vary significantly in appearance across mainstream browsers and so the solutions gives them a subtle but uniform and unintrusive style.

Devices with small screen sizes (e.g. mobile phones) often render web pages as if their screen size were larger. Users of such devices then pan and zoom in order to view all areas (i.e. all content) of pages. The solution makes devices display pages within their screen size area so no content ends up outside it unless explicitly put there. This solution allows for responsive web design (RWD) as the web designer can predict the behaviour of the device renderer. Devices that neither support the @viewport CSS at-rule nor the viewport value in the name attribute of the meta element may behave in an unpredictable manner.

Directory contents

Licence

eMI Reset Style Sheet by eMedia Intellect is licensed under GNU General Public License version 3.