CSS / HTML / DIV 코드소스 정리
계속 추가중...
width:100%; #너비
height:100%; #높이
text-align:center; #중간 위치
text-decoration:none; #텍스트 줄 없애기
font-size:12px; #폰트 사이즈
font-weight: normal; #폰트 표준
font-weight:bold; #폰트 굵기
color:#000000; #글 색상
display:block; #열림
display:none; #숨김
float:left; #왼쪽 정렬
float:right; #오른쪽 정렬
border:1px solid #000000; #테두리
border-top:1px solid #000000; #테두리 상
border-bottom:1px solid #000000; #테두리 하
border-right:1px solid #000000; #테두리 오른쪽
border-left:1px solid #000000; #테두리 왼쪽
border-radius:5px; #테두리 둥글게
background-color:#000000; #배경색상
background:url(../images.png) no-repeat; #배경 이미지
background-size:50px 50px; #배경 사이즈 지정
list-style:none; #li 점선 없애기
clear:both; #행 나누기
margin
margin:10px 10px; # 상하,좌우
margin:10px 10px 10px; # 상,좌우,하
margin:10px 10px 10px 10px; # 상,우,하,좌
margin-top:10px; #상
margin-bottom:10px; #하
margin-right:10px; #오른쪽
margin-left:10px; #왼쪽
padding
padding:10px 10px; # 상하,좌우
padding:10px 10px 10px; # 상,좌우,하
padding:10px 10px 10px 10px; # 상,우,하,좌
padding-top:10px; #상
padding-bottom:10px; #하
padding-right:10px; #오른쪽
padding-left:10px; #왼쪽
DIV 속성
overflow
overflow-x # x축(가로)
overflow-y # y축(세로)
overflow:visible # 레이어 크기를 키워서 보여준다 (* 디폴트)
overflow:hidden # 레이어 크기만큼만 보여준다
overflow:auto # 내용에 따라 자동으로 스크롤을 만든다
overflow:scroll # 무조건 스크롤바를 생성한다
position
position:static # 기본값.
position:relative # 하위에 div가 있을 경우엔 하위의 div를 absolute 배열.
position:absolute # div에 top, right, bottom, left 값을 지정해서 원하는 위치에 고정.
position:fixed # 스크롤에 상관없이 지정한 위치에 고정.
position:inherit # 상위에서 지정한 값을 상속.
css 상단고정 - 간단하게
{position:fixed;width:100%;top:26px;margin: 0 auto;z-index:999;vertical-align:middle;}
뒤로 넘어간 본문은 이걸로 위치 조절해주면 된다.
{margin-top:100px;}