CSS font, text, background
글꼴 관련 속성 속성 설명 속성값 font-family 글꼴(글자체) 글자체 이름, serif, sans-serif, cursive, fantasy, monospace font-size 글자 크기 수치(단위:cm,mm,in,pt,pc,px,em,ex,%), xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger font-style 글자 스타일 normal, italic, oblique font-weight 글자 굵기 100,200,300,400,500,600,700,800,900, normal, bold, bolder, lighter font-variant 작은 대문자로 변환 normal, small-caps color 글자..
2015. 4. 9.
CSS Margin attribute[top, left, bottom, right]
CSS Margin attribute[top, left, bottom, right] [SOURCE VIEW] CSS Margin attribute[top, left, bottom, right] content, padding, border, margin 들의 관계 content 본문내용(접시에 담긴 음식과 같음) padding content와 border사이의 여백(음식과 접시 바깥 끝과의 거리 ) border padding을 감싸고 있는 선 (접시의 바깥 끝) 선을 그리지 않을 수도 있이며 두께등 다양하게 그릴수 있다. margin border와border의 여백(접시와 다른접시의 간격) top left right content padding border margin bottom content edge ..
2015. 3. 24.
CSS Float & Clear attribute[none, right, left, both]
Float and Clear attribute[none, right, left, both] [SOURCE VIEW] Float and Clear attribute[none, right, left, both] How to use Float 등 묶음 태그에만 사용가능하다. none 띄우지 않는다.right 오른쪽에 띄운다.left 왼쪽에 띄운다. How to use Clear none 기초값으로 clear를 설정하지 않은 것과 같다.left 왼쪽을 취소right 오른쪽을 취소both 오른쪽 왼쪽을 취소 clear속성 없음 float:left 可高可下(가고가하) - 높낮이를 가리지 않는다는 뜻으로, 인자(仁者)는 높은 지위에 있어도 교만하지 아니하고, 낮은 지위에 있어도 두려워하지 아니함.《國語》 float:..
2015. 3. 23.
CSS Position attribute[static, relative, absolute, fixed]
Position attribute[static, relative, absolute, fixed] [Source] Position attribute[static, relative, absolute, fixed] [Source] 11 position:static 초기값으로 위치를 지정하지 않을 때와 같다. 앞에서 설정된 position을 무시할 때 사용되기도 한다. top, bottom, left, right 속성값이 적용되지 않는다. static1 static2 static3 position:relative 위치 계산을 할 때 static의 원래 위치부터 계산한다. top, bottom, left, right 속성값을 지정할 수 있으며 위치를 같이 설정할 수도 있다. static1 relative2 rel..
2015. 3. 22.
CSS font attribute
font attribute 글꼴 스타일을 각각 지정하기 p { font-style:italic; normal, italic, oblique font-variant: small-caps; normal, small-caps font-weight:bold; bold, 100~900, bolder, lighter font-size:17px; px, pt, %, em font-family:arial, "Times New Roman",sans; serif, sans-serif } 글꼴 전체스타일을 한번에 지정하기 p { font: italic small-caps bold 17px arial, "Times New Roman",sans }
2015. 3. 22.