웹 디자인(CSS)에 대한 reference(자료)
페이지 정보
작성일 23-02-24 16:47
본문
Download : 웹디자인CSS.hwp
4)관리가 용이 합니다. 와 사이에 들어갈 내용을 선언문이라고 하는데, 다시 말하자면 선언문은 속성과 값으로 이루어 집니다. 이러한 한계를 극복하고자 부분적으로 CSS(Cascading Style Sheet : 이하 스타일시트)가 도입되기 스타트했다.
(3) CSS의 특성
3) CSS는 상위의 기능을 상속 받습니다.
- 클래스(Class)는 일반적으로 아주 많이 사용되는 부분이다.
§선택자의 종류
웹 디자인(CSS)에 대한 reference(자료)
(2) CSS의 용어와 기본구성
■ CSS에 대한 이해
■ 텍스트(TEXT)
■ 가상클래스와 가상요소
■ CSS의 적용위치와 형태
그리고 …사이에 삽입되며, HTML 사용법과 동일하게 스타트태그 로 끝을 맺는다. 속성과 값으로 이루어지는 선언문은 하나 또는 여러 개를 적용할 수 있다아
■ 선택자의 종류
선언문 = 속성 + 값
레포트 > 기타
(1) HTML 태그를 선택자로 사용하기
웹디자인 CSS 스타일 시트 클래스
순서
그리고 font-size:9pt;color:red 부분을 “선언문” 이라 부르고 다시 선언문은 “속성”과“값”으로 구성된다.
※ 선택자 = 하나 또는 여러 개의 선언문
다.
웹디자인 CSS 스타일 시트 클래스 / ()
※ HTML과 CSS의 뚜렸한 차이점
「CSS의 기본구성」
HTML에 적용되는 스타일시트는 한글이나 MS-word에서 우리가 흔히 만나는 스타일시트와 아주 유사한 기능을 한다.
■ 리스트 (1) CSS란?
Download : 웹디자인CSS.hwp( 41 )
설명
- CSS는 크게 4가지. Inline Style Sheet, Embeded Style Sheet, External Style Sheet, Imported Style Sheet로 구성된다.
선언문과 선언문은 ;(세미콜론으로 구분) / 속성과 값은 :(콜론)으로 구분
- HTML를 선택자로 지정해주고 와 사이에 전달하고자 하는 내용을 넣어 준다. 즉, 스타일시트는 웹 페이지에 자주 적용되는 부분들을 미리 요약하고 모아서 요약하고 모아서 정이한 뒤 그 페이지 내부에서 필요로 할 때마다 해당 부분을 가져다 적용할 수 있게 되어있다아
■ 상자속성(BOX)
■ 글꼴(Font)
HTML은 수 년간 홈페이지를 만드는 사람들에게 필수적으로 사용되어져 왔다.
- 웹 브라우저에 보여지는 화면을 구성하는데 있어 가장 기본을 이루는 언어 HTML.
(2) Class를 선택자로 사용하기
5)복잡하지 않아 쉽게 알아볼 수 있습니다.
스타일시트는 그동안 HTML이 가진 한계를 해결하고자 제작되었으며, 화면을 구성하는데 있어 항상 고민해 왔던 딱딱한 HTML을 CSS와 함께 구성하여 유연하고 깔끔한 문서를 만들어 낼 수 있게 되었다.
2) 한번의 지정으로 웹 문서 모든 곳에 적용할 수 있습니다.
■ 색상과 배경
웹디자인 CSS 스타일 시트 클래스 / ()
■ CSS의 상속성과 그룹화
1) 기존의 HTML 기능을 확장해서 사용할 수 있습니다. 하지만 소스의 구성, 레이아웃의 배치 등에서 한계점이 드러났다.
