height(3)
-
4-4. 서체(font)와 글(text) 스타일 - 6
1. 글의 정렬 방법"text-align" 속성은 블록 요소에 지정하면 그 내부에 포함된 글이나 인라인 요소들이 영향을 받습니다.left 왼쪽 정렬 center 가운데 정렬 right 오른쪽 정렬 justify 양쪽 정렬 2. 글의 간격 조절하기글자와 글자 사이의 간격은 "letter-spacing"속성을 사용하고, 단어 간의 간격은 "word-spacing"을 사용합니다. 줄 간격은 "line-height" 속성으로 지정합니다. ※ 주의할 점은 본문에 한글과 영문, 숫자 등이 섞여 있는 경우 각 종류 별 간격이 달라 보일 수 있는 점입니다. 한글 자간은 어울려 보이는데 영문은 좁아 보이거나, 숫자는 거의 붙어버리는 경우가 있을 수 있습니다. 2-1. 자간 조절(letter-spacing) 2-2. 단어..
2018.01.30 -
가로(width), 세로(height) % - px
1. 가로(width), 세로(height)의 값을 100%로 한 상태에서 일정px의 값을 빼는 방법 #main {width: calc(100% - 77px);height: calc(100% - 77px);} -> CSS3에서 clac함수를 사용하여 계산이 가능합니다. 2. 지원 브라우저브라우저 지원여부 마이크로소프트 ( MicroSoft )인터넷 익스플로러 ( Internet Explorer ) 9부터 지원 구글 ( Google )크롬 ( Chrome ) 지원 모질라 ( Mozilla ) 파이어폭스 ( Firefox )
2017.03.07 -
높이(height) 100% 설정하기
1. CSS파일에서 html 및 body의 height의 값을 100%로 지정해 줍니다. html { height: 100%;}body {height: 100%;}#contents_div {min-height: 100%;background: red;} 2. contents_div의 min-height의 값을 100%로 지정해주면 됩니다.
2017.03.07