• 이용 문의
  • 회원가입
  • 로그인

[intro] CSS - 정의와 장점 + CSS 기본 문법

2,909  
CSS (Cascading Style Sheets)

마크업 언어가 실제 표시되는 방법을 기술하며,  
HTML  XHTML 심지어 XML 에도 사용 가능.

한 마디로, 실제로 보여지는 외관 (옷) 역할을 담당.
 
예전엔 HTML이 웹페이지의 골격과 외관을 전부 책임졌으나,
현재는 골격만 HTML이 책임지고 외관은 대체로 CSS가 책임지는 형태로 사용.



CSS 장점

한번 지정으로 여러 곳에 불러와 사용 가능합니다.
그래서, 웹문서 스타일 관리하기가 용이합니다. 



CSS 기본 문법 (내부스타일 방식 기준) 더 보기 

<style>
 p {color:red; font-size:20px;} /* 홈짱닷컴 스타일*/
 </style>

<p> 홈짱닷컴 (homzzang.com) </p>


[설명]
 
p : 선택자 - 스타일을 지정할 대상 지정
color, font-size: 속성 - 어떤 스타일을 줄건지 지정
red, 20px : 속성값 - 어떤 스타일을 구체적으로 어떻게 꾸밀건지 지정
 
: (콜론) - 속성의 속성값을 정의할 때 사용
 
color:red 처럼 속성:속성값 세트를 선언(declaration)이라 하며,
각 선언은
;(세미콜론)으로 구분.
이러한 선언들은 전체를 중괄호 즉, { }로 묶음.
 
속성값은 ' '(작은따옴표)나 " " (큰따옴표)로 묶거나 그냥 쓸 수 있음.
그러나, 속성값이 띄어쓰기 된 경우엔 반드시 따옴표로 묶어야 함.  
 
 
/*주석 내용 */  
실제 화면엔 안보이면서도 CSS 코드엔 보이는 걸 주석이라고 함.
CSS에서는 /**/사이에 필요한 내용을 메모 함.
 

이름
비밀번호
자동등록방지
분류 제목
intro CSS - 정의와 장점 + CSS 기본 문법
intro CSS - 발전사 (CSS1 → CSS2.01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인스타일 / 내부스타일 / 외부스타일) CSS…
selector CSS - 선택자 (Selector) 종류 + 선택자에 사용가능한 문자 (= 선택자 이름짓…
selector CSS - ID선택자 (= 아이디선택자) , class선택자(= 클래스선택자) + CSS적…
selector CSS - * 전체선택자 - 모든요소 (요소선택자)
selector CSS - element 요소선택자 - 지정요소 (요소선택자)
selector CSS - element,element 병렬선택자 ★ - 나열된요소 (= 여러요소, 요소…
1/20
목록

방문자 수

오늘 143
어제 930
최대 2,081
전체 629,775
Since 2012