[제로] [스킨만들기] style.css 파일의 변경

페이지 정보

루루아빠 2,585 2005.06.23 07:30

평점

  • 평점 : 0점 (0명 참여)

본문

이 파일은 전체적인 글의 색, 링크된 곳의 표현 방식, 테이블 속의 색, 글자 크기 등을 나타내는 파일입니다. 아래 내용이 style.css의 처음 내용입니다.

BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:굴림;font-size:9pt;color:#555555;}

 A:link    {color:black;text-decoration:none;}
 A:visited {color:black;text-decoration:none;}
 A:active  {color:black;text-decoration:none;}
 A:hover  {color:444444;text-decoration:underline}

 .input {border:solid 1;background-color:white;border-color:#9BB425}
 .submit {border:solid 1 white;font-family:굴림;font-size:9pt;color:white;background-color:#9BB425; height=18px}
 .thm8 {font-family:Tahoma;font-size:8pt}

그럼 처음부터 알아보죠
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote
 {font-family:굴림;font-size:9pt;color:#555555;}

이 부분은 음... 말하자면 위쪽에 있는 html 태그를 아래쪽 { } 둘러싼 옵션으로 모두 미리 정의해 두는거죠. css의 장점은 이렇게 미리 정의해 둠으로써 html 문서의 통일을 기하는거죠. (태그를 모르시면 안되겠죠.)

BODY : 전체적인 문서 부분, TD(표에서 한 칸),SELECT(폼 태그의 선택),
input(폼 태그에서 글자 입력), DIV(정렬할 때 주로 사용),form(폼 태그)
TEXTAREA(긴 글을 입력받을 때, 글쓰기 하면 내용부분이 이거죠.)
그 나머지도 위와 같은 태그입니다.
이런 태그들을 '폰트는 굴림, 크기는 9pt, 색은 #555555'로 미리 정의해 두는 겁니다.

 '.input, .submit, .thm8' 이 부분은 css에서 클래스(class)라고 불리는 부분입니다. 실제로 불러서 사용할 때는

<td class=thm8 height=20> 이런 식으로 사용하죠. 이건 필요할 때마다(기본적으로 정의된 것과 다르게 표현할 때) 사용하는 방법입니다

추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,295,216
레벨 97
경험치 1,399,190

Progress Bar 9%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7483738 페이지
제목 글쓴이 날짜 조회 추천
그누•영카트  댓글+4 그누보드(영카트) 5.5.1 (이니시스 통합인증[간편인증] 추가) shadow2fox 2022.02.17 984 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.2 shadow2fox 2022.02.23 751 2
그누•영카트  댓글+1🏆 그누보드 5.4.1.5 shadow2fox 2020.01.31 1,698 2
그누•영카트  댓글+1 그누보드(영카트) 5.5.5 shadow2fox 2022.04.08 484 2
그누•영카트  댓글+2🏆 그누보드 5.4.1.8 shadow2fox 2020.02.05 2,607 2
그누•영카트  🏆 영카트 5.4.1.8 shadow2fox 2020.02.05 1,946 2
이윰  댓글+2 Prism.js 플러그인 사용 시 HTML 주석 처리가 삭제되는 문제 해결하기 shadow2fox 2022.04.24 597 2
그누•영카트  댓글+1🏆 그누보드 5.4.2 shadow2fox 2020.02.19 1,961 2
그누•영카트  댓글+2🏆 그누보드 5.4.2.2 shadow2fox 2020.03.04 2,339 2
그누•영카트  댓글+1 그누보드(영카트) 5.5.7.2 (★ 5.5.7.1 버전 사용자님은 필독해 주세요) shadow2fox 2022.05.04 507 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.7.3 shadow2fox 2022.05.24 521 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.7.4 shadow2fox 2022.05.25 812 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.8 shadow2fox 2022.06.14 429 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.8.1 shadow2fox 2022.06.21 466 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.8.1.2 shadow2fox 2022.07.01 570 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.8.2 shadow2fox 2022.07.27 850 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.8.2.3 shadow2fox 2022.10.19 496 2
그누•영카트  댓글+2🏆 그누보드 5.4.2.9 shadow2fox 2020.10.08 2,309 2
이윰  댓글+5🏆 유튜브 "이 동영상은 볼 수 없습니다" 해결하기 shadow2fox 2023.02.20 1,192 3
그누•영카트  댓글+2 그누보드(영카트) 5.5.8.3.2 shadow2fox 2023.07.18 464 3