html 3

[JavaScript] 레이어(Layer)

레이어(Layer)란, 간단히 말해 층을 의미한다. 하나의 웹 페이지에 여러 개의 레이어를 만들어 한 레이어 위에 다른 레이어를 겹쳐 쌓을 수 있다. 레이어를 보이거나 감추거나 확대 또는 축소도 가능하고 동적인 애니메이션 구현도 가능하다. 레이어 정의 고유한 ID를 가져야 하며 레이어 위치와 크기를 속성값으로 지정한다. 레이어 생성에 필요한 태그 와 태그 사용 class 와 id 속성을 추가하여 원하는 부분의 스타일 지정 표현할 내용1 표현할 내용2 예제 초록 색종이 노란 색종이

워크시트 2022.06.05

[CSS] 구글 폰트 사용하기

구글에서는 무료로 사용할 수 있는 여러 웹 폰트를 제공하고 있다. 이를 html 문서에 링크해서 쉽게 사용할 수 있다. 이번 포스팅에서는 구글 폰트 사용 방법을 작성하고자 한다. 1단계: 구글 폰트 사이트에서 폰트를 선택하기 2단계: 선택한 폰트를 추가하고 코드를 복사하기 적용 예시 Using Default Fonts 구글폰트! Using Google Fonts! 만약 잘 적용이 안된다면, @import문을 상위로 올려서 실행해볼것

워크시트 2022.06.04

[CSS] 기본 스타일과 선택자

CSS 기본 CSS 스타일의 형식: 선택자 { 속성1 : 속성값1; 속성2 : 속성값2 } 예시 li { font-size : 1.2em; line-height: 1.5; color : blue; } css를 한 줄로 표기할 수도 있고, 여러 줄로 표기할 수 있다. 중괄호{} 안에서 스타일 규칙은 세미콜론(;)으로 구분하여 작성한다. 참고로, 주석은 /* ... */ 사이에 작성한다. 인라인 스타일 인라인 ㄴ스타일은 따로 스타일 시트를 사용하지 않고 직접 대상에 적용하는 방법이다. 인라인 스타일 적용 예시입니다. 내부 스타일 시트 아래와 같이 html 문서 안에 스타일 정보를 작성한 것을 내부 스타일 시트라고 한다. 외부 스타일 시트 따로 css 파일을 만들어서 저장한 후, html 문서에 연결하면 해당..

워크시트 2022.06.03