728x90 BOOK/DHTML9 바탕이미지 스타일 DHTML(CSS) 바탕이미지 브라우저 바탕의 이미지를 어떤 형태로 지정할 것인가를 결정한다. 1. background-image 바탕에 표시할 이미지를 지정한다. background-image:url(파일명) * ()안의 파일명은 따옴표 없이 명기한다. [기본예] 문단 태그 안에 이미지 넣기 그림 1) 문단 태그 안의 이미지 2. background-attachment 브라우저 내용이 스크롤 될 때 표시된 이미지를 같이 스크롤 할 것인지 고정시킬 것인지 지정한다. background-attachment:fixed | scroll [기본예] 바탕에 이미지를 붙이고 스크롤 속성을 바꾸어 비교해 보자. 그림 2) background-attachment:scroll 그림 3) background-attachm.. 2021. 8. 1. 문단모양과 스타일 문단 모양 1. 들여쓰기(text-indent) 첫 번째 줄의 들여쓰기 정보를 조절해주는 명령이다. 줄간격의 단위는 “in, cm, mm, pt, em"을 줄 수 있다. 일반적으로 쓰이는 단위는 글자단위로 처리하는 ”em"를 사용한다. 기본단위는 pt(pixel) text-indent:3em ▶ 3글자 들여쓰기 text-indent:3cm ▶ 3cm 들여쓰기 text-indent:3in ▶ 3inch 들여쓰기 text-indent:3mm ▶ 3mm 들여쓰기 text-indent:3pt ▶ 3pixel 들여쓰기 2. 줄간격 조절하기(line-height) 숫자나 퍼센트를 입력하면 현재 본문내 글꼴 크기에 숫자를 곱한만큼 행간이 늘어난다. 실수사용도 가능하다. line-height:3 ▶ 글꼴 크기의 3배만.. 2021. 8. 1. 글꼴 스타일 글꼴 글꼴 지정 스타일 font-family 글꼴을 지정할 수 있다. font-style 글꼴의 속성을 지정할 수 있다. font-variant 글꼴을 약간 큰 대문자로 표현한다. font-weight 글꼴의 굵기를 지정할 수 있다.(모든 브라우저 미지원) font-size 글꼴의 크기를 지정한다. font 글꼴에 해당 하는 속성을 한번에 지정할 수 있다. 1. font-family - 글꼴을 지정할 수 있는 속성 - 사용자 시스템에 지정된 글꼴이 없을 때를 대비하여 콤머로 구분하여 대치 글꼴을 지정해야 된다. - 글꼴 이름에 빈공백이 있는 경우에는 "" 나 '' 로 묶어 주어야 한다. 예1] 태그에 직접 글꼴 지정 휴먼편지체 예2] 대치 글꼴 지정 고딕체 2. font-style - value : no.. 2021. 8. 1. 스타일 지정 방법 1. DHTML 선언하기 1) Head 태그안에서 선언하기 ... Head태그 안에서 스타일을 선언하면 특정 태그의 스타일을 일관성있게 지정할 수 있는 장점이 있다. [간단예] 2) 각 태그안에서 선언하기 [간단예] 2. DHTML의 적용범위 적용 범위 형식 사용 예 동일 태그에 적용 p{font-size:20; color:blue; } 박원기 동일 class에 적용 .p{font-size:20} .dd{color:blue} 원기왕성 박원기 동일 id에 적용 #p{font-size:20px;} itdocument 하나의 선언문에서 다중의 속성을 적용시키려면 속성과 속성을 “;”으로 연결해 준다. DHTML 선언방법2 문단태그 P 전체에 지정된 속성입니다. 문단 태그의 class속성을 사용한 모습입니다. .. 2021. 8. 1. 이전 1 2 3 다음 728x90 LIST
