카테고리: css

0

CSS 중앙정렬 가이드

CSS 중앙정렬 가이드수평정렬, 수직정렬에 대해 찾아보다가 잘 설명된 페이지)가 있어 포스팅예제 코드는 정확히 필요한 부분만 가져왔기 때문에 폰트,배경 색 같은 코드는 빠져있음 수평정렬 ( horizontally )1. inline 요소를 수평 중앙정렬 시부모 요소에 text-align: center 적용 12345678910111213<!-- HT

0

reset CSS 와 normalize CSS

reset CSS 와 normalize CSS웹 브라우저는 기본적으로 HTML 요소를 표현하는 CSS 속성이 있다.하지만 브라우저마다 다르게 표현되는 CSS 속성들이 있으므로,이에 대응하기 위해 reset과 normalize가 나왔다. reset CSS설정돼있는 모든 속성을 초기화 시키는 목적으로 사용이 되며,가장 널리 알려진 보일러플레이트는 Eric M

0

CSS box model ( 박스 모델 )

CSS box model ( 박스 모델 )CSS box model 은 요소를 위해 생성되고 비주얼 서식 모델을 따라 배치되는 사각형 박스(패딩 및 마진 포함)를 정의하는 CSS 모듈이다.이 박스의 크기, 특성(색, 배경, 테두리 모양 등) 및 위치 결정이 렌더링 엔진의 목적이다. 크롬 개발자도구에서 흔히 볼 수 있는 그 모양이다. box model의 구

0

CSS float, float을 clear하는 네가지 방법(clearfix)

CSS float과 clearfix둘을 함께 알아야 사용할 수 있기 때문에, 하나의 글에 같이 정리해보려 함 CSS floatfloat은 뜨다라는 의미이며, element에 부유 속성을 줘 배치할 수 있는 방법 설명 left, right을 사용할 수 있으며 해당 위치에 떠있게 된다. display 속성과 함께 쓰면 display 속성은 무시된다. widt

0

CSS position

CSS positionposition 속성은 해당 element를 어떻게 위치시킬지 정의하는 속성이다. 종류 및 설명1번 ~ 5번은 position에만 해당하는 value이고,6번 ~ 8번은 모든 속성에 사용가능한 value이다. static absolute relative fixed sticky inherit initial unset position

0

CSS display

CSS displaydisplay 속성은 해당 element를 어떻게 보여줄지 결정하는 속성이다.기본적으로 HTML 태그들은 display 속성을 가지고 있기 때문에,용도에 맞게 태그들을 쓰다보면 레이아웃을 맞출 때 display 속성을 필수로 사용하게 될 것이다. block-level elements와 inline elementsblock-level e

0

CSS 기본

CSS 정리CSS란?Cascading Style SheetsHTML 문서를 꾸밀때 사용하는 스타일 시트 언어 CSS 적용방법 Linking Style Sheet ( 외부 스타일 시트 ) 별도의 CSS 파일을 만들고 HTML 문서와 연결하는 방법 Internal Style Sheet ( 내부 스타일 시트 ) HTML 문서 안의 style 태그 안에 CS