HTML(60)
-
<hr> 가운데정렬
1. text-align을 사용하는 방법 hr{text-align: center;} 2. text-align과 margin을 같이 사용할 경우 hr{margin: 0px auto;} -> text-align과 margin을 같이 사용할 경우 margin에 의해서 text-align이 무시되어 가운데 정렬이 되지 않습니다. 그러므로 margin의 값을 auto로 설정하여 가운데 정렬을 시킵니다. 2. margin 설정 -1) 4면이 모두 같을 때 margin: 상 우 하 좌margin: 0px 0px 0px 0px; margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; -2) 4면이 모두 다를 때margin: 0px; -3) 상하, ..
2017.03.07 -
가로(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 -
색상표 - 1
1. hex code를 색상표 0000000000330000660000990000CC0000FF0033000033330033660033990033CC0033FF0066000066330066660066990066CC0066FF0099000099330099660099990099CC0099FF00CC0000CC3300CC6600CC9900CCCC00CCFF00FF0000FF3300FF6600FF9900FFCC00FFFF3300003300333300663300993300CC3300FF3333003333333333663333993333CC3333FF3366003366333366663366993366CC3366FF3399003399333399663399993399CC3399FF33CC0033CC3333CC6633C..
2017.03.06 -
웹브라우저 HTML5 지원정도
1. 웹브라우저의 종류와 HTML5 지원정도구글크롬 ( Chrome ) 빠른 업데이트를 통해 HTML5 표준에 가장 발 빠르게 대응하고 있어 최근 가장 많이 사용되는 브라우저입니다. 모질라파이어폭스 ( Firefox ) 일반 사용자들보다 개발자들이 자주 사용하는 웹브라우저로 개발도구와 부가 기능들이 뛰어납니다. 마이크로소프트인터넷 익스플로러 ( Internet Explorer ) HTML5에 대한 지원은 취약하지만 아직까지 인터넷 익스플로러(IE)를 기준으로 하는 사이트가 많기 때문에 국내에서 많이 사용되고 있습니다. 윈도우 7 SP1부터 지원하기 시작한 IE11을 마지막으로 더이상 개발하고 있지 않습니다. 마이크로소프트엣지 ( Edge ) 인터넷 익스플로러 대신HTML5를 지원하기 위해 새로 개발해 윈..
2017.03.06 -
대입 연산자 or 할당 연산자
1. 할당연산자대입 연산자 or 할당 연산자 2. 예제 3. 실행화면ㅗ싐ㄴㅇㅇㄹㄴㄹ
2017.02.28