CSS 적용

HTML CSS id와 class 사용 방법 예제

HTML에서 CSS를 작성할때 id와 class를 사용해 디자인을 적용할 수 있습니다. css에서 id와 class를 사용하는 방법을 알아보겠습니다. id 와 class 사용하기 HTML에는id나class를 사용해서 지정한 장소만 스타일을 적용할 수 있습니다. id는 같은 이름을 동일 페이지 안에서 여러 곳에 사용할 수 없습니다. 한 곳만 사용 가능합니다. class는 동일 페이지 안에서 몇 번이라도 사용 가능합니다. <!DOCTYPE html> <html lang="kr"> <head> <meta charset="UTF-8"> <...

HTML CSS 적용 방법 예제

HTML에서 글과 배경에 또는 사이트 전체를 디자인 하기 위해서는 CSS를 사용합니다. CSS를 HTML에서 사용 하는 방법을 알아보겠습니다. CSS로 페이지를 꾸며 보기 웹 사이트가 검은색 글씨로만 되어있다면 허전해 보이기도 합니다. 이번에는 CSS를 작성해서 페이지를 꾸며 보도록 하겠습니다. 기본적으로CSS코드는 다른 파일에 작성합니다. 새로운 파일을 열고 다음과 같이 작성합니다. @charset "UTF-8"; 이번에도 로 지정합니다. CSS 파일은 제일 처음 @기호로 작성합니다. @charset "UTF-8"; h1 { } ...

자바스크립트 console 사용 방법 크롬 콘솔 출력하기

이번에 소개할 것은 자바 스크립트 console 메서드입니다. 대부분 console.log로 디버그 확인용으로 많이 사용을 합니다. log 외에도 많은 함수들이 있으며 디버깅에 도움이 되는 기능도 많이 있기 때문에 정리를 해보았습니다. 브라우저는 크롬(Chrome)을 사용하도록 하겠습니다. console.log() 〇 문자 리테랄 log메서드 안에서 문자 리테랄을 사용할 수 있습니다. 사용할 수 있는 형식은 다음과 같습니다. ・%o / %O - for objects; ・%d / %i - for integers; ・%s - for s...

ALLIT자바스크립트