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

페이지 정보

yadolee 루루아빠 2,974 2005.06.23 07:30:48

평점

  • 평점 : 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> 이런 식으로 사용하죠. 이건 필요할 때마다(기본적으로 정의된 것과 다르게 표현할 때) 사용하는 방법입니다

추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,332,582
레벨 100
경험치 1,487,820

Progress Bar 9.4%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7623839 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  댓글+2 그누보드(영카트) 5.6.9 shadow2fox 2025.01.22 298 2
그누•영카트  댓글+2 그누보드(영카트) 5.6.10 shadow2fox 2025.02.25 234 2
에디터  댓글+1 CKEditor 4.x 툴바에서 소스 글자 지우기 shadow2fox 2025.05.04 225 2
그누•영카트  댓글+2 그누보드(영카트) 5.6.12 shadow2fox 2025.04.16 219 2
그누•영카트  댓글+2 그누보드(영카트) 5.6.11 shadow2fox 2025.04.16 199 2
그누•영카트  댓글+2 그누보드(영카트) 5.6.13 shadow2fox 2025.05.15 160 2
PHP  댓글+1 PHP에서 변수의 값이 날짜 형식이고 유효한 날짜 형식인지 검증해 보자 shadow2fox 2025.06.06 94 1
그누•영카트  댓글+1 그누보드(영카트) 5.6.14 shadow2fox 2025.06.14 80 2
PHP  댓글+1📸 node.js를 윈도우 서버에 설치하고 peppeteer 라이브러리를 이용하여 og:image를 추출해 보자 shadow2fox 2025.06.13 70 2
제로  댓글+1🔒 💾 멀티갤러리 통합추출 팁 루루아빠 2005.06.27 30 0
제로  댓글+1🔒 게시물 작성자가 현재 접속여부표시하기 루루아빠 2005.07.05 26 0
제로  댓글+1🔒 여러 게시판의 최근글 통합해서 뽑아내기 루루아빠 2005.06.27 24 0
제로  🔒 멀티게시판 코멘트 통합추출 팁 루루아빠 2005.06.27 17 0
기타  🔒 링크 타겟 새로운 창으로 열때 가운데 정렬해서 원하는 사이즈로 열기 루루아빠 2005.06.25 17 0
제로  댓글+1🔒 닉네임과 이름앞 아이콘을 회원들이 직접 업로드 할경우 탈퇴시 문제점의 해결책 루루아빠 2005.07.12 16 0
기타  댓글+1🔒 마우스 및 키보드 복사 금지 제어하기 루루아빠 2015.03.16 14 0
그누•영카트  🔒 HTMLPurifier 7레벨 이상은 적용 안받기 루루아빠 2015.03.10 8 0
기타  🔒 iplug 공동구매 카페주소 루루아빠 2007.03.01 8 0
이윰  🔒 특정 페이지 혹은 게시판에서 사이드 메뉴를 사용치 않기 루루아빠 2015.05.23 5 0
이윰  🔒 쇼핑몰 테마 메인 화면을 쇼핑몰로 바꾸기 루루아빠 2016.09.24 4 0