CSS 적용방법

이곳의 글들은 대개 전대환의 저작물들입니다.
글을 사용하시려고 하는 경우 반드시 저작자의 허락을 받아야 합니다.

CSS 적용방법

CSS 적용방법

마을지기 [2012-02-22 16:33]

1. 인라인 방식

태그에 직접 스타일을 적용하는 방식
ex) <p style="color:red;">...</p>

스타일을 바로바로 확인해 볼수 있다.

하지만 웹표준 이전의 방식과 차이가 없고, 유지보수에 불편하므로 비추하는 방식.

2. 임베디드 방식

헤드에 스타일을 지정해서 적용하는 방식

ex) <head>
<style type="text/css" media="screen">
h1 {color:#ffc;}
</style>
</head>

단일문서일때, 개발의 편의를 위해서 사용

인라인 방식에 비해 같은 스타일을 여러군데 적용할때 편리.

3. @import 방식

외부에 별도로 .css 파일을 만들어 적용하는 방식
ex) <head>
<style type="text/css" media="screen">
@import url(main.css);
</style>
</head>

구식 브라우저에서는 인식하지 못한다.
CSS파일 내부에서 다른 CSS파일을 불러올 수 있다.

4. link 방식

외부에 별도로 .css 파일을 만들어 적용하는 방식
ex) <head>
<link href="main.css" rel="stylesheet" type="text/css" media="screen" />
</head>

속도면에서 @import보다 빠르게 로딩된다.

많은 CSS파일을 관리하기에 편하다.

강추하는 방식.

* @import와 link의 속도 비교

seye2님의 이글루 http://seye2.egloos.com/2319809

[출처] [CSS3] 선택자 분류, CSS적용하는방법|작성자 꼬꼬냥

총 게시물 수 : 147
로그인 회원가입	페이지 ( 2 / 8 )

[올린순] [읽은순]

★ 분류별 보기 →

번호

제목

올린이

올린날

조회

127	[Php] 배열 값 소트	마을지기	2012-03-07	8,800

126	[Php] 배열 검색	마을지기	2012-03-06	8,832

125	[Php] 숫자로된 데이터의 각 디지트를 합치는 방법	마을지기	2012-03-01	8,843

124	[Html] 실시간으로 시간이 흐르게 하기	마을지기	2012-02-25	8,866

123	[Html] CSS 적용방법	마을지기	2012-02-22	8,819

122	[Web] ScriptX 코드 삽입	마을지기	2012-02-22	8,875

121	[MySql] 한글이 깨지는 경우	마을지기	2012-02-17	8,862

120	[MySql] DB 문자열 일괄변경	마을지기	2012-01-13	8,842

119	[MySql] 필요한 자리까지 데이터 추출	마을지기	2011-12-12	8,835

118	[MySql] 이미 입력되어 있는 값의 종류를 일괄 변환하기	마을지기	2011-12-09	8,879

117	[MySql] limit 사용법	마을지기	2011-12-06	8,840

116	[MySql] 예약어	마을지기	2011-10-26	8,865

115	[JavaScript] 웹 인쇄시 페이지 나누기	마을지기	2011-09-27	8,891

114	[MySql] Mysql 디비에서 엑셀파일 생성	마을지기	2011-09-20	8,908

113	[Php] 텍스트파일에서 디비 입력하기	마을지기	2011-09-07	8,821

112	[Php] number_format() 사용법	마을지기	2011-08-20	8,887

111	[JavaScript] 라디오버튼 체크여부 확인	마을지기	2011-08-20	8,828

110	[MySql] 엑셀과 mysql의 데이터이동	마을지기	2011-08-15	8,859

109	[Linux] .htaccess 파일 사용시 주의점	마을지기	2011-07-05	8,887

108	[JavaScript] 붙박이 팝업창 띄우기	마을지기	2010-11-02	8,871

[1][2][3][4][5][6][7][8]