EM
-
CSS 속성값 단위(px, rem, em)프론트엔드/CSS 2020. 9. 15. 07:00
CSS를 이용해서 주로 하게 되는 작업 중 하나는 바로 각종 글자, 이미지의 크기를 조절하는 일이다. 그럴때마다 다양한 크기 단위가 있어서 고민하게 된다. 일반적으로 word 프로그램을 쓸 때는 'pt'라는 단위 하나만 사용하면 됐다. 하지만 CSS에서 크기 단위는 'px', 'rem', 'em', '%' 등 다양한 크기 단위가 존재한다. 사실 사용하면서 이들을 구분해서 사용하기 쉽지 않다. 그래도 이를 잘 활용하면 더 이쁘게 웹페이지를 꾸밀 수 있다. 단위의 구분 다양한 크기 단위는 크게 둘로 나뉜다. 바로 절대 단위와 상대 단위다. 절대 단위의 경우 말그대로 그 단위 자체로 어떠한 크기를 나타낼지 딱 정해진 단위를 말한다. 반대로 상대 단위는 기준을 어디에 두느냐에 매번 달라지는 크기를 말한다. 사실..
-
Tag - 텍스트 관련 2프론트엔드/HTML 2020. 8. 18. 18:30
인라인 레벨 텍스트 태그 과 태그 - 굵게 표시하기 굵게 의미까지 강조되는 텍스트 굵게 표시하는 텍스트 과 태그 모두 텍스트를 굵게 강조해준다. 둘의 차이는 은 의미상으로도 의미가 있는 경우 사용해준다. 는 그저 텍스트 자체를 굵게하고 싶을 때 쓴다. 과 과 태그 - 이탤릭체로 표시하기 흐름상 특정 부분 강조시 em 관용구, 기술적 용어 등을 사용시 i , 모두 비스듬히 이탤릭체로 표시할 때 사용한다. 태그는 문장의 흐름상 특정 부분을 강조하고 싶을 때 사용한다. 는 꿈, 생각, 기술적 용어, 관용어 등 표시할 때 사용한다. 태그 - 인용 내용 표시하기 인라인 레벨의 인용문 태그는 와 같이 인용문을 쓰는 태그다. 하지만 는 블록레벨 단위의 인용문을 쓸 때 사용한다. 는 인라인 레벨 단위의 인용문을 쓸 때..