Blog Content

  • 07.CSS - 중첩클래스

    Category jQuery | javascript | CSS on 2009. 7. 28. 01:28

    하나의 문서(페이지)에서 여러개를 중복 사용이 가능하며, 직접 지정이 가능한 것이 중첩클래스입니다. 안녕하세요. 안녕하세요. 안녕하세요. 안에 style type 정의 한 다음, 사용할 클래스 이름과 속성을 지정합니다. .redText { color:Blue; } /* 폰트색상을 파랑색 으로 바뀌도록 했습니다. */ 클래스에서 지정한 속성을 적용시키기 위해 해당 태그 속성에 Class 작성하셔야 합니다. 예) 안녕하세요. 직접 지정에 대한 코드 입니다. 클래스를 정의한 곳에 다음과 같이 작성합니다. h2.redText { color:Red; } 폰드(글씨)색깔을 빨간색으로 직접 지정하여 바꿔줍니다.

    Read more
  • 05.CSS - 아이디

    Category jQuery | javascript | CSS on 2009. 7. 27. 16:51

    ID는 CLASS와 비슷 하지만. 한 문서에서는 ID가 하나만 존재해야 합니다. 중복 사용 불가능! ID를 쓰실 때는 #표시를 하셔야합니다. 공지사항 자유게시판 5~6줄 : 아아디값에 스타일시트를 정의 해줌. 10~11줄 : 영역에 정의된 아이디 값을 사용하여 스타일 시트를 적용 시켜줬습니다. 서로 다르게 구분을 주고 싶을때는 아이디를 사용하여 적용 가능합니다. 자바스크립트에서 아이디속성을 많이 사용합니다.

    Read more
  • 04.CSS - 점클래스

    Category jQuery | javascript | CSS on 2009. 7. 27. 16:31

    하나의 스타일시트를 여러번/중복되는 경우에 사용되는 것이 .Class(점클래스)입니다. 결과화면 점클래스를 이용하셔 스타일시트를 정의 했습니다. (배경색 : 노랑색으로 지정) 타입을 정하고 나서 뒤에 class="점클래스이름"을 입력하셔야 합니다.

    Read more
  • 03.CSS - 태그에 직접 적용

    Category jQuery | javascript | CSS on 2009. 7. 27. 16:06

    태그에 직접 스타일시트를 적용시키는 3번째 방법입니다. 택스트 박스 생성. 다음 택스트의 색상과 택스트 박스의 배경색을스타일시트를 사용하여 적용. 버튼 테두리에 스타일시트적용( solid-실선, dotted-점선)

    Read more
  • 02.CSS - 외부스타일시트

    Category jQuery | javascript | CSS on 2009. 7. 27. 15:23

    앞에 HTML에서 CSS를 적용하기 위해 안녕하세요 2. '새항목추가'-'스타일시트'를 선택 하고 추가 시켜줍니다. (이름 : 02.StyleSheet.css) 생성한 스타일시트에 다음과 같이 작성해 줍니다. body { color:Blue; font-size:12px; font-family:Verdana; } body부분에 스타일시트를 적용시키기 위함 입니다. 3. 다시 1번에서 작성한 로 이동합니다. 부분에 추가시켜줍니다. 미리 정의된 스타일 시트를 불러와서 적용시키는 방법입니다. 웹브라우저에 적용된것을 확인 할 수 있습니다. 두개 모두 존재해야 됩니다. 실행은 02.외부스타일시트.htm

    Read more
  • 01.CSS - 스타일 시트 시작

    Category jQuery | javascript | CSS on 2009. 7. 27. 14:59

    XHTML/HTML는 기본모양을 만들고, CSS는 스타일 적용(꾸미기) 가능하고, JavaScript1.2 은 기능을 추가 할 수 있습니다. CCS란 Cascading Style Sheets를 말합니다. 스타일 시트를 사용하게 되면 TABLE/FRAME에 효과적으로 표현이 가능하고, 기타 다른 글자체, 간격, 색상등 자유롭게 선택 가능하게 됩니다. 스타일을 정의해 놓고 여러개의 문서에서 사용 가능해서 매우 편리합니다.HTML문서에 CSS를 적용시키는 방법과 CSS 적용하는 방법입니다. HTML 문서에 CSS를 적용시키는 방법 5가지 ... ... ... CSS 적용 방법 태그명 {스타일속성명 : 스타일속성값;...} 태그명... { 스타일속성명:스타일속성값;... .나만의 스타일명 {} #나만의 스타일명..

    Read more
1 2 다음