100 byte mã CSS giúp việc đọc văn bản dễ hơn

 (swyx.io)
11 điểm bởi xguru 2021-10-29 | 2 bình luận | Chia sẻ qua WhatsApp
  • Thêm vào tiện ích mở rộng stylesheet người dùng để xem website dễ chịu hơn

html {

max-width: 70ch; /* đặt chiều rộng trái phải thành 70 ký tự */

padding: 3em 1em; /* khoảng đệm trên dưới */

margin: auto; /* căn giữa */

line-height: 1.75; /* chiều cao dòng dễ đọc. Cố ý bỏ đơn vị để có thể điều chỉnh theo cỡ chữ */

font-size: 1.25em; /* có thể chỉnh giá trị này theo kích thước mong muốn. Dùng em để có thể scale */

}

  • Thêm 100 byte

h1,h2,h3,h4,h5,h6 {

margin: 3em 0 1em;

}

p,ul,ol {

margin-bottom: 2em;

color: #1d1d1d;

font-family: sans-serif;

}

Bài viết liên quan

2 bình luận

 
lunamoth 2021-10-29

Với những trang web tôi hay xem

font-family: Lato,Nanum Barun Gothic;

font-size: 17px;

line-height: 200%;

word-break: keep-all;

Tôi đang thêm vào để đọc,

chắc cũng nên thử thêm cái này nữa nhỉ. Cảm ơn bạn
 
xguru 2021-10-29

Tiện ích mở rộng trình duyệt Stylebot https://github.com/ankit/stylebot

Có thứ tương tự hoạt động bằng bookmarklet