CSS 삽입

CSS 2008. 9. 25. 13:30

CSS의 삽입

3가지방법으로 나뉘어진다

  1. 내부에 삽입 style type="text/css"
  2. 외부삽입 link rel="stylesheet"type="text/css" href="주소"
  3. 외부삽입 style type="text/css" @import url(주소)

내부에 삽입

<style type="text/css">
<!--
.body{background-color:#000000;}
-->
</style>

외부로 부터 삽입-첫번째

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

위의 경우는 티스토리의 html 편집에 가봐도 확인할 수 있을 것이다.

외부로 부터 삽입- 두번째

<style type="text/css"> @import url(layout.css);</style>

import방식을 또다른 장점으로  분배된 여러 CSS파일을 삽입할때 편하단점이다.
이에관해선 다음링크를 참조:
http://siana.tistory.com/entry/CSS-%EC%82%BD%EC%9E%85-import

위의 세가지는 head에 삽입할때이다.

인라인 스타일

이방법은  권장할만하지못하다

<p style="color:gray........ect"> 이터럼 직점 태그에 바로 적용하는 방법인데 웹표준을 지향하는 현재로썬 콘텐츠와 스타일 구분의 명확도가 떨어진다는 점에서 좋지않다.

css

설정

트랙백

댓글

CSS 입문하기

CSS 2008. 9. 25. 13:11

CSS

css란?

css:cascading style sheet

기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다. 간단히 스타일시트라고도 한다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다. 따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있다. 각기 다른 사용자 환경에서 동일한 형태의 문서를 제공한다는 이점도 있다. CSS로 만들어진 문서는 사용자들의 브라우저 환경에 따라 홈페이지가 다르게 나타나는 일이 없고 어느 환경에서나 제작자가 의도한대로 그 효과가 전달된다

www.w3.org

1. CSS의 삽입

3가지방법으로 나뉘어진다

  1. 내부에 삽입 style type="text/css"
  2. 외부삽입 link rel="stylesheet"type="text/css" href="주소"
  3. 외부삽입 style type="text/css" @import url(주소)

자세한 설명은 여기에 링크
http://siana.tistory.com/entry/CSS-%EC%82%BD%EC%9E%85

2.선택자(selector)

선택자를 쓰고 중괄호로 마무리한다

태그

티그명후에 중괄호

클래스(class)

.을 쓰고 이름 적고 중괄호

하위그룹은 띄워서

아이디(id)

#을 쓰고 이름 적고 중괄호

하위그룹은 띄워서

그룹

,로 중복선탣이 가능하다

전채

*로 모두 선택

상속

  1. 아이디와 클래스가 충돌할때는 아이디가 우선시된다
  2. 아이디는 중복사용이 불가능하다 따라서 특정설정시 용이하다
  3. 클래스는 다중사용이 가능하다 따라서 일관성을 위할 때 용이하다
  4. 아이디 사용이나 클래스 사용시 앞에 명시화하기 위해 삽입된 태그를 적어주자

간단하게만 소개했다 다음은 하나하나 자세히 살펴보자

css

설정

트랙백

댓글