본문 바로가기
스타일 정의를 위한 속성 1.폰트 속성 속성 속성값 설명가 사용 예 font-family 글자체(굴림,바탕...) 글자체 이름 font-family : verdana font-style normal,italic 글자 모양 지정 font-style : italic font-size pt(포인터),px(픽셀),in(인치) cm(센티미터),%(퍼센트) 글자 크기 font-size: 16pt, font-size : 20px font-weight normal,bold,light,bolder,ligher 글자 긁기 font-weight : bold font-variant normal,small-caps 작은 대문자 font-variavt : small-caps 2.텍스트속성 속성 속성값 설명과 사용 예 text-align left, cen.. 더보기
스타일 정의방법 1.기본 형식 형식) 선택자 {속성 : 속성값} 2.여러 속성의 정의 형식) 선택자 {속성 1 : 속성값1 ; 속성2 : 속성값 ;} cf) 속성과 속성값은 세미콜론(;)으로 구분 3.공통 속성의 정의 형식) 선택자1,선택자2,...,선택자n {속성 : 속성값} 4.CLASS 속성을 이용한 스타일 정의 형식) 선택자.클래스{속성 : 속성값} : 특정 태그에만 적용되는 클래스의 스타일 정의 ~ : 클래스로 지정된 스타일을 적용 .클래스명 {속성 : 속성값} : 모든 태그에 적용되는 클래스 스타일 정의 ex) ------------------------------------------- 이 텍스트는 스타일의 적용을 받아 파란색. 같은 태그지만 빨간색. 같은 태그지만 녹색. p 태그가 아니여도 빨간색. p 태.. 더보기
DHTML 문서 작성((스타일 시트, 레이어) 사용자의 요구에 의해 문서의 내용이나 외형을 동적으로 변화 시킬 수 있게 사용자와 서버간에 상호작용이 가능한 동적인 웹 문서를 작성하기 위해 DHTML을 사용. *DHTML의 구성요소 1. 문서 객체 모델(DOM: Document Objeck Model) 브라우저와 웹 페이지의 구성요소를 다루기 위해 브라우저의 내장 객체와 브라우저에서 표현되는 웹페이지의 텍스트,이미지,폼과 같은 각 요소에 이름을 지정 하여 이들 각각을 개체로 정의. 2.스타일 시트(Style Sheet) 문서의 물리적 스타일 정보를 논리적인 내용으로 부터 분리하여 별도로 정의하자는 것이 스타일 시트의 개념 ㄱ.내부 스타일 시트 ㄴ.외부 스타일 시트 ㄷ.라인 스ㅏ일 시트 3.레이어(Layer) 웹 페이지의 내용을 표현하기 위한 투명한 캔.. 더보기

티스토리툴바