CSS란?[CSS]

[광고 누르면 오늘의 행운 상승!!]

 

 

CSS란?

Cascading Style Sheets의 약자이다.

CSS의 특징

• HTML 요소에 스타일 적용하기 위해 사용
• HTML의 외형을 정의
• 스타일 시트 파일이라고 함
• HTML 요소의 시각적 특성 원하는 데로 변경 가능
• CSS의 장점 -디자인을 정의, 관리, 재활용하는데 용이
• 하나의CSS파일은 다수의 HTML에서 사용할 수 있어 체계적이고 경제적
• HTML과 함께 사용되지만 HTML은 아님 -CSS은 스타일 언어 -HTML이외에 다른 프로그래밍 언어와 사용 가능

CSS 작동 방법

• HTML(문서 구조 정의) + CSS)문서 외형 정의) -> 짝을 이루어 사용
• CSS 작성 방법
• HTML요소에 직접 CSS 정의 : HTML 요소에 스타일 속성 이용
• CSS를 모아서 정의 : HTML 헤더 부분의 STYLE속성 사용
• CSS 파일을 만들어 HTML에 연결
  1. HTML이 서버에서 웹 브라우저로 로드 될 때 CSS파일도 같이 로드
  2. HTML 내용 화면에 나타낼 때 외형 디스플레이에 CSS파일 참고 됨
• CSS의 화면 정의 내용 -텍스트의 크기 및 스타일 -요소들의 레이아웃 -그림, 섹션 요소들의 크기와 테두리, 배경 색 또는 이미지
• 화면 전환이나 요소들의 움직임

CSS 기술 방식

• 기본 기술 방식 -형태 : 선택자 {속성선언} -예 : h1{font-size : 1.5em;}
• 선택자 -정의 : HTML의 어떤 요소, 요소들에 속성들이 적용되는지 정의하는 곳 -형태 : 단순한 요소명, 클래스, ID또는 복잡한 논리 형 등으로 다양
• 속성 선언
• 정의: 선택자를 통해 선택된 HTML요소에 적용할 스타일 속성 내용
• 구성 : 속성과 값
• 속성: 정의하는 스타일의 내용
• 속성 값: 속성의 내용(키워드 , 단위가 있는 수치)
• 특징
  1. 하나의 선택자는 하나의 속성 선언을 가짐
  2. 각각의 속성 선언은 ; (세미 콜론) 으로 분리
  3. 속성 선언은 {} 사용