CSS

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

0

조회 수 : 9346 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 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/047/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

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

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32640
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23178
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44341
32 hit IE6에서 레이어 고정시키기 핵. Fixed Layer Hack for ... title: [ani]깜빡이는 표정빽짱구 2007-11-30   13173
31 hit css를 이용한 이미지 확대 title: [ani]깜빡이는 표정빽짱구 2008-03-19   14966
30 hit 브라우저 스타일 초기화 title: [ani]깜빡이는 표정빽짱구 2008-02-09   11790
29 익스 문자버그 (주석버그) file [1] title: [ani]깜빡이는 표정빽짱구 2009-02-05   9815
28 margin (마진) 에 대해 알아보자. title: [ani]깜빡이는 표정빽짱구 2007-11-12   9418
27 스타일 시트 불러오기? title: [ani]깜빡이는 표정빽짱구 2007-11-12   9346
26 인터넷 익스플로러 조건 주석문 [1] title: [ani]깜빡이는 표정빽짱구 2007-11-11   7984
25 css와 html 을 보면서 적용하는 사이트? [2] title: [ani]깜빡이는 표정빽짱구 2008-02-09   9806
24 hit CSS hack 정리 [1] title: [ani]깜빡이는 표정빽짱구 2008-02-09   21190
23 프린트용 css [1] title: [ani]깜빡이는 표정빽짱구 2008-07-29   9831
22 hit 프린트 (인쇄) 할때 다음 페이지 넘기기 title: [ani]깜빡이는 표정빽짱구 2008-07-30   10654
21 IE6에서 line-height 적용시 이미지가 들어갔을때 file [2] title: [ani]깜빡이는 표정빽짱구 2009-09-16   9366
20 소형 대문자 small cap file [1] title: [ani]깜빡이는 표정빽짱구 2009-10-17   7241
19 hit 자동 줄바꿈 금지 [6] title: [ani]깜빡이는 표정빽짱구 2009-12-29   18098
18 CSS3로 만든 예제들 title: [ani]깜빡이는 표정빽짱구 2010-12-07   6808
17 CSS 속성 순서 file [2] title: [ani]깜빡이는 표정빽짱구 2011-02-15   7004
16 포토샵과 letter-spacing 자간 비교 file title: [ani]깜빡이는 표정빽짱구 2018-12-24   607
15 css3 그라데이션을 손쉽게 적용하자 title: [ani]깜빡이는 표정빽짱구 2012-10-11   3972
14 css3로 브라우저 별로 그라데이션 주기 title: [ani]깜빡이는 표정빽짱구 2012-07-23   3995
13 css3 border-radius 속성 file [1] title: [ani]깜빡이는 표정빽짱구 2012-09-03   4633