CSS

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

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/d28/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
23 아이폰에 나눔고딕으로 웹페이지 만들기 [3] nkkim96 2011-08-25   4956
22 [css3] 텍스트에 그림자주기 (text-shadow) [1] title: [ani]깜빡이는 표정빽짱구 2012-04-26   4741
21 css3 border-radius 속성 file [1] title: [ani]깜빡이는 표정빽짱구 2012-09-03   4632
20 [css3] 웹 브라우저별 벤더 프리픽스 title: [ani]깜빡이는 표정빽짱구 2012-08-30   4071
19 css3로 브라우저 별로 그라데이션 주기 title: [ani]깜빡이는 표정빽짱구 2012-07-23   3995
18 css3 그라데이션을 손쉽게 적용하자 title: [ani]깜빡이는 표정빽짱구 2012-10-11   3972
17 모바일 코딩시 메뉴가 3개일때 해결방법 title: [ani]깜빡이는 표정빽짱구 2013-12-18   3561
16 크롬,사파리,익스 스크롤바 바꾸기 title: [ani]방울UI 2013-08-08   3406
15 [반응형웹]해상도에 따른 CSS호출하기(미디어쿼리) title: [ani]깜빡이는 표정빽짱구 2014-05-20   3235
14 list-style 속성들 title: [ani]깜빡이는 표정빽짱구 2012-10-26   2950
13 자주쓰는 css3 속성 Top10 title: [ani]깜빡이는 표정빽짱구 2013-01-09   2906
12 모바일 가로버전 @media title: [ani]깜빡이는 표정빽짱구 2013-12-23   2895
11 css3 box-shadow 에 대해 알아보자 title: [ani]깜빡이는 표정빽짱구 2013-01-09   2598
10 css 패턴 title: [ani]깜빡이는 표정빽짱구 2014-05-14   1830
9 포토샵과 letter-spacing 자간 비교 file title: [ani]깜빡이는 표정빽짱구 2018-12-24   603
8 IOS 박스 스크롤 부드럽게 하기 -webkit-overflow-scro... title: [ani]깜빡이는 표정빽짱구 2016-02-16   583
7 크롬 input 박스 노란색 제거 하기 title: [ani]깜빡이는 표정빽짱구 2018-09-23   540
6 아이폰에서 textarea 그림자 제거 [1] title: [ani]깜빡이는 표정빽짱구 2018-09-25   396
5 CSS3 box-sizing:border-box [1] title: [ani]깜빡이는 표정빽짱구 2016-02-16   388
4 아이폰(ios) input 박스안에 그림자 및 라운드 제거하기 title: [ani]깜빡이는 표정빽짱구 2018-10-28   307