em(2)
-
[CSS] 단위(2) - em, rem
▶ em - em은 현재 자기 자신의 font-size의 영향을 받음. - .container의 width는 60em인데 해당 font-size가 10px이니 10*60=600px에 해당. - em 사용 시 font-size의 영향을 받고 font-size 조정 시에는 조정된 사이즈의 영향을 받는 모든 부분이 같이 변경됨. - 특정한 조상 요소에 절대적인 값을 입력해 놓고 이하는 그 값에 맞게 변경할 때 em을 많이 사용함. - em은 중간중간에 조상요소를 타고 올라가면서 영향을 받는 관계를 모두 이해해야 함(em의 단점). - 타고 내려오다 중간에 font-size를 지정하기 애매한 구간이 생기면 이 또한 em 단위에 영향을 주기 때문에 관리에 어려움. - 그래서 쓸 수 있는 단위가 rem. ▶ rem..
2020.09.07 -
[HTML] 인라인 텍스트(1) - a, abbr, b, mark, em
▶ anchor의 약어. 기본적으로 현재 문서에서 링크를 걸어 외부 문서로 내보내는 경우에 사용. 다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정함. 속성 - download : 해당 요소가 resource를 다운로드하는 용도로 사용됨을 의미. boolean 값. 페이지를 넘기는 것이 아니라 파일을 다운받는다는 것을 명시해서 브라우저에 힌트를 제공하는 용도로 사용. - href : 링크 URL 값을 넣음. 필수처럼 사용하나 HTML5부터 생략할 수 있도록 변경됨. 생략은 가능하지만 생략 시 링크로서의 기능은 상실하게 됨. - hreflang : href language. 이동하게 될 특정한 경로의 언어를 설정. - re..
2020.08.22