CSS공부 2

[css] float 정렬

css로 정렬시키는 방법이 여러 가지 있는데, 오늘은 float에 대해서 정리해볼게요. float만의 특징이 있기 때문에, 조심해서 사용해야 합니다. 단어의 뜻 그대로 '뜨다'라는 성질이 있기 때문에 태그들이 나란히 있다가 그중 하나가 float 속성이 들어가면, 그 사이에서 붕 뜨게 됩니다. display:block 속성을 무시하는 거죠 float는 left 정렬과 right 정렬이 있는데 (inherit, none 제외) float이 설정된 요소는 브라우저가 높이를 인지를 못하는 큰 문제점이 있습니다. 이때 float 끊기라는 것을 해주면 되는데, 여러 가지 방법이 있습니다. float의 부모에게 강제적으로 높잇값 주기 -> 반응형일때 자동 높이값 설정 불가능 float의 부모에게 overflow:h..

html,css 2021.12.06

[CSS] font-face 사용방법

웹폰트란? 방문자의 로컬 컴퓨터의 폰트 설치 여부와 상관없이 온라인 특정 서버에 위치한 폰트를 다운로드하여 화면에 표시해주는 웹 전용 폰트입니다. @font-face를 사용하여 웹페이지 제작자가 원하는 폰트를 사용할 수 있게 합니다. font-face 규칙은 css3에서 새롭게 추가된 규칙입니다. html 문서에서 웹폰트를 적용할 때 사용하는 규칙으로, 웹 서버에 저장되어 있는 글꼴을 내려받아 화면에 표시해 주는 방식입니다. 간단히 말해서 웹브라우저에게 다운받은 서체의 이름과 위치를 알려주는 거죠 *작성법 @font-face { font-family: src: [, ]*; font-weight: ; font-style: ; } font-family : 폰트명을 지정합니다. : 폰트의 위치를 나타내는 UR..

html,css 2021.12.05
728x90
반응형