7.CSS

Ultra minimal CSS

Get a professional looking styling theme for your html document without using any CSS libraries by setting just 7 styling properties for your body tag (8 if dark-mode). This gives the document a clean, tidy and easy on the eye look compared to plain html without any CSS.

What this css does:

  1. Apply background
  2. Justify text contents
  3. Margin around the page
  4. Padding around the page
  5. Outline around the page
  6. Width limited to whichever is lower between height or width
  7. Larger & web-friendly font with spaced out lines

Perfect if you just have a page of mostly texts.


CSS Used:

body { background: linear-gradient(49deg, mistyrose, lavender,honeydew); text-align: justify; margin: auto; padding: 21 7% 21 7%; outline: steelblue dotted 7px; max-width: 100vmin; font: 21px/28px verdana ; } @media (prefers-color-scheme: dark) { body { background: #0e1818; color: palegreen; outline: palegreen double 7px; } }