본문 바로가기

CSS

[CSS] css font / font-family / 포괄적 폰트 지정 / font-weight / line-height font - font의 형태 폰트지정 : 폰트 지정에서는 첫번째에 지정되어있는 폰트가 없을시 두번째, 세번째로 지정이 된다 포괄적인 폰트지정 : 포괄적인 폰트 지정은 서체의 종류를 지정하는 것이다. 서체의 종류는 총 5가지가 있다. - 포괄적인 폰트지정 종류 설명 example serif 글씨에 꺽쇠가 붙어져 있는 서체 sans-serif sans는 없음을 뜻하고 국내에선 고딕체와 같은 것이 이에 해당된다. cursive 필기체 같은 형태이다. fantasy 일반적 서체가 아닌 개성이 있고 장식성이 많은 서체이다. monospace 고정폭 서체이다 모든 글씨의 폭을 동일하게 만들어준다. 각각의 서체의 종류를 실행해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 .. 더보기
[CSS] CSS font-size / em과 rem의 차이 / color / text-align 1. font-size 단위 설명 중요도 rem 사용자가 크기를 결정할 수 있는 font-size 상 px 고정된 값 사용자가 임의로 변경 불가능 중 em 부모 태그의 영향을 받기 때문에 파악 어려움 지금은 잘 사용하지 않음 하 rem은 html 태그에 적용된 font-size에 영향을 받는다 따라서 화면의 크기에 따라 상대적으로 크기가 결정된다. px는 고정된 값이라 화면의 크기에 영향을 받지 않고 가장 많이 사용하는 단위이다. + em과 rem의 차이점 em은 자신보다 상위 태그에 font-size가 존재할 경우 파악이 어렵다 rem은 html 태그에 존재하는 기본 값을 그대로 이어받기 때문에 파악이 쉬운편이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2.. 더보기
[CSS] CSS font-size / em과 rem의 차이 / color / text-align 1. font-size 단위 설명 중요도 rem 사용자가 크기를 결정할 수 있는 font-size 상 px 고정된 값 사용자가 임의로 변경 불가능 중 em 부모 태그의 영향을 받기 때문에 파악 어려움 지금은 잘 사용하지 않음 하 rem은 html 태그에 적용된 font-size에 영향을 받는다 따라서 화면의 크기에 따라 상대적으로 크기가 결정된다. px는 고정된 값이라 화면의 크기에 영향을 받지 않고 가장 많이 사용하는 단위이다. + em과 rem의 차이점 em은 자신보다 상위 태그에 font-size가 존재할 경우 파악이 어렵다 rem은 html 태그에 존재하는 기본 값을 그대로 이어받기 때문에 파악이 쉬운편이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2.. 더보기