CSSkel includes a set of base styles to ensure consistent rendering across browsers, built on top of normalize.css. These styles set global defaults for elements like html, body, and apply the box-sizing: border-box model universally.
The following global styles are applied:
box-sizing: border-box is applied to all elements to ensure padding and borders are included in the element's total width and height.html sets a base font size of 62.5% (equivalent to 10px, making rem calculations easier) and enables smooth scrolling with scroll-behavior: smooth.body sets a default font size of 1.6rem (16px), line height of 1.6, and uses the Montserrat font stack with fallbacks. It also sets the text color and background color using CSS variables.The following example shows how base styles affect a simple HTML structure:
<div>
<p>This is a paragraph with default styling.</p>
</div>This is a paragraph with default styling.
CSSkel includes normalize.css to reset browser inconsistencies. This ensures elements like headings, lists, forms, and more render consistently across different browsers. For a full list of resets, refer to the normalize.css documentation.