Notice
Recent Posts
Recent Comments
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

DeFacto-Standard IT

CSS 구성 및 작성 본문

Web/CSS

CSS 구성 및 작성

defacto standard 2017. 11. 18. 02:35

 

- 셀렉터 : CSS3 스타일 시트를 HTML 페이지에 적용하도록 만든 이름, 규칙

- 프로퍼티 : 스타일 속성 이름. 약 200개 정도의 프로퍼티 존재

- 값 : 프로퍼티의 값. 

  프로퍼티 + 값 = 하나의 스타일

- 주석문 : 스타일 시트 내에 붙이는 설명문. /* ... */ 여러 줄, 아무 위치에나 사용 가능

- 대소문자 구분 없음

 

 

HTML 문서에 CSS3 스타일 시트 만들기

 - 3가지

1. <style> </style> 태그에 스타일 시트 작성

2. style 속성에 스타일 시트 작성

3. 스타일 시트를 별도 파일로 작성, <link> 태그나 @import로 불러 사용
   -> CSS파일을 별도로 작성하는 경우, <style>을 기술하지 않는다. (HTML 태그이므로)

 

 - <link>태그를 쓰는 경우

 <head>

<link href="cssfile.css" type="text/css" rel="stylesheet">

 </head>

 

 - <@import>를 쓰는 경우

 <style>

@import url(cssfile.css);

 </style>

 

 

'Web > CSS' 카테고리의 다른 글

CSS 박스 모델  (0) 2017.11.18
CSS에서 색깔 표현  (0) 2017.11.18
CSS 규칙, 셀렉터  (0) 2017.11.18
CSS 속성 정리 *유지보수중  (0) 2017.11.18
[CSS] link 방식과 @import 방식  (0) 2017.11.16
Comments