Tech News

https://www.swyx.io/css-100-bytes/ 

- 사용자 스타일시트 확장에 넣어서 웹사이트를 보기 편하게

html {

ㅤmax-width: 70ch;  /* 70글자로 좌우 넓이 설정 */

ㅤpadding: 3em 1em; /* 상하 여백 */

ㅤmargin: auto; /* 가운데로 */

ㅤline-height: 1.75; /* 읽기 편한 라인 높이. 글꼴 크기에 따라 조정되도록 일부러 단위는 생략 */

ㅤfont-size: 1.25em; /* 이 값은 자신이 원하는 크기로 조정 가능. em으로 스케일 가능하게 */ 

}

- 추가 100 바이트 

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

ㅤmargin: 3em 0 1em;

}

p,ul,ol {

ㅤmargin-bottom: 2em;

ㅤcolor: #1d1d1d;

ㅤfont-family: sans-serif;

}