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

페이지 정보

루루아빠 2,533 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,290,461
레벨 96
경험치 1,388,222

Progress Bar 71%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7463738 페이지
제목 글쓴이 날짜 조회 추천
에디터  댓글+2 CKEditor 4.x 링크 이용 시 rel 속성 noopener, noreferrer, nofollow 자동으로 삽입하기 shadow2fox 2023.10.15 336 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.10 shadow2fox 2023.11.10 306 2
그누•영카트  [KG이니시스 결제 사용자 필독] 그누보드(영카트) 5.5.8.2.9 shadow2fox 2023.04.14 295 0
이윰  댓글+2 PATH만 지원되는 filemtime을 curl 이용하여  URL을 지원하도록 확장하기 shadow2fox 2023.06.13 286 2
PHP  댓글+2 cURL 웹 스크래핑 시 403 error가 발생하여 수집할 수 없을 때 shadow2fox 2023.10.15 279 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.9 shadow2fox 2023.10.19 266 2
그누•영카트  댓글+2 인터넷 상에서 텍스트를 복사할 경우 한글이 자소로 분리되는 문제 해결하기 shadow2fox 2023.12.18 266 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.11 shadow2fox 2024.01.03 245 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.13 shadow2fox 2024.02.20 210 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.12 shadow2fox 2024.01.26 191 2
그누•영카트  댓글+3 그누보드(영카트) 5.5.14 shadow2fox 2024.04.04 143 2
그누•영카트  댓글+2📸 그누보드(영카트) 5.5.15 shadow2fox 2024.04.12 137 2
그누•영카트  댓글+2 그누보드(영카트) 5.5.16 shadow2fox 2024.04.18 114 2
제로  댓글+1🔒 💾 멀티갤러리 통합추출 팁 루루아빠 2005.06.27 30 0
제로  댓글+1🔒 게시물 작성자가 현재 접속여부표시하기 루루아빠 2005.07.05 25 0
제로  댓글+1🔒 여러 게시판의 최근글 통합해서 뽑아내기 루루아빠 2005.06.27 24 0
기타  🔒 링크 타겟 새로운 창으로 열때 가운데 정렬해서 원하는 사이즈로 열기 루루아빠 2005.06.25 17 0
제로  🔒 멀티게시판 코멘트 통합추출 팁 루루아빠 2005.06.27 17 0
제로  댓글+1🔒 닉네임과 이름앞 아이콘을 회원들이 직접 업로드 할경우 탈퇴시 문제점의 해결책 루루아빠 2005.07.12 16 0
기타  댓글+1🔒 마우스 및 키보드 복사 금지 제어하기 루루아빠 2015.03.16 14 0