CSS

CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 123

0

조회 수 : 9348 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56948 | 레벨 : 25
미리보기 :  
스타일 시트를 불러오는 방법은 크게 3가지 입니다.

1. 외부에서 불러오는 방법
2. 내부에서 직접 코딩하는 방법
3. 태그안에 바로 삽입하는 인라인 (inline) 방법

여기서 가장 좋은 방법은 외부에서 불러오는 방법입니다.
방법은 다음과 같습니다.
<link rel="stylesheet" href="스타일있는곳" type="text/css" />

다른방법은

<style type="text/css">
@import url (첫번째 스타일 있는 경로);
@import url (두번째 스타일 있는경로);
</style>

이런식이 되겠군요.. 유지보수나 기타 관리가 편하게 하기 위해 레이아웃 스타일이나 프린트스타일 등으로 나눌수 있는 경우가 있으니, 위에 방법으로도 사용가능합니다.

두번째는 내부스타일 시트 입니다.
css파일이 아닌 보여지는 문서 head 안에 넣으시면 됨니다.
<style type="text/css">
이안에 스타일시트를 작성
</style>

세번째는 태그안에 삽입하는 방법입니다.
<p style="color:#999; background-color:#000;">테스트</p>
이런식이 되겠습니다.

태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/css/19057/5f4/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜sort 추천 수 조회 수
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32676
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23223
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44388
83 hit border-collapse:collapse title: [ani]깜빡이는 표정빽짱구 2008-07-29   11808
82 프린트용 css [1] title: [ani]깜빡이는 표정빽짱구 2008-07-29   9836
81 hit 프린트 (인쇄) 할때 다음 페이지 넘기기 title: [ani]깜빡이는 표정빽짱구 2008-07-30   10666
80 hit png 투명이미지 css에서 배경 적용하기 title: [ani]깜빡이는 표정빽짱구 2009-02-01 1 15380
79 hit IE6 스타핵에서 띄어쓰기 title: [ani]깜빡이는 표정빽짱구 2009-02-05   10448
78 익스 문자버그 (주석버그) file [1] title: [ani]깜빡이는 표정빽짱구 2009-02-05   9824
77 hit input 박스 활성화시 테두리 색 넣기 [2] title: [ani]깜빡이는 표정빽짱구 2009-02-06   10091
76 hit IE6 스타핵으로 png 배경으로 적용시 링크가 안먹힐때 file title: [ani]깜빡이는 표정빽짱구 2009-02-16   13805
75 ie6에서 영역을 잡자. title: [ani]깜빡이는 표정빽짱구 2009-03-06   9029
74 hit CSS 상속 file [3] title: [ani]깜빡이는 표정빽짱구 2009-04-03   16915
73 hit CSS 상속(2) [1] title: [ani]깜빡이는 표정빽짱구 2009-04-09 1 11322
72 hit 크로스브라우징 input 박스 file [1] title: [ani]깜빡이는 표정빽짱구 2009-04-15   11664
71 유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드 file [2] title: [ani]깜빡이는 표정빽짱구 2009-09-08   5703
70 IE6에서 line-height 적용시 이미지가 들어갔을때 file [2] title: [ani]깜빡이는 표정빽짱구 2009-09-16   9369
69 자동줄바꿈 file title: [ani]깜빡이는 표정빽짱구 2009-09-18   9400
68 소형 대문자 small cap file [1] title: [ani]깜빡이는 표정빽짱구 2009-10-17   7247
67 IE에서 letter-spacing:-1px; 적용시 br 태그 버그 file [4] title: [ani]깜빡이는 표정빽짱구 2009-10-23   6758
66 CSS메뉴를 손쉽게 만들 수 있는 사이트 [6] bumphy 2009-10-29 2 5194
65 CSS메뉴 만들어 주는 프로그램 file [13] 웹준 2009-11-01 1 5986
64 IE6에서 레이어 위로 셀렉트박스가 뚫고 나오는문제 file [2] title: [ani]깜빡이는 표정빽짱구 2009-11-25 1 9898