JiheeNote JiheeNote

HTML CSS

• HTML / CSS 환경 구축

  HTML CSS 2022. 7. 12. 11:55

  1. Visual Studio Code Download Visual Studio Code Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 2. Visual Studio Code Setting

  Read More
• CSS 실습(4)

  HTML CSS 2022. 4. 28. 22:25

  ex15 포지션실습 이어서 포지션관련 실습을 해보겠습니다. ex16 overflow overflow속성을 사용한 문제를 풀어보겠습니다. ex17 float float 속성을 사용하여 이미지와 함께 글을 위치시켜보겠습니다. ex18 레이아웃 특정 화면을 구현해보겠습니다. ex19 스타일선언 다양한 스타일 선언 방법에 대해 알아보겠습니다.

  Read More
• CSS 실습(3)

  HTML CSS 2022. 4. 28. 22:08

  ex11 패딩 padding을 사용한 실습문제를 풀어보겠습니다. ex12 테두리 테두리 스타일을 지정해보겠습니다. ex13 신호등 응용문제로 신호등을 만들어보겠습니다. ex14 position position을 사용하여 도형들을 위치시켜보겠습니다.

  Read More
• CSS 실습(2)

  HTML CSS 2022. 4. 28. 21:55

  ex06 공간분할태그 공간분할태그에 대해 알아보겠습니다. ex07 display display에 대해 배워보겠습니다. ex08 공간분할태그실습 a태그와 함께 공간분할태그를 이용해보겠습니다. ex09 마진 margin을 이용하여 여백을 부여해보겠습니다. ex10 마진실습 margin을 사용하여 활용해보겠습니다.

  Read More
• CSS 실습(1)

  HTML CSS 2022. 4. 28. 21:38

  ex01개요 웹페이지에 나타나는 글자를 꾸며보겠습니다. ex02 선택자 부분적으로 선택하여 스타일을 지정할 수 있는 선택자에 대해 알아보겠습니다. ex03 계층선택자 계층 선택자를 이용하여 스타일을 입혀보겠습니다. ex04 그룹선택자 그룹 선택자를 이용하여 스타일을 입혀보겠습니다. ex05 폰트크기단위 폰트크기단위에 대해 알아보겠습니다.

  Read More
• HTML 실습(2)

  HTML CSS 2022. 4. 28. 15:17

  ex06 a태그 웹페이지에 링크를 첨부해 이동할 수 있도록 a태그를 사용해보겠습니다. ex07 테이블 간단한 테이블을 만들어보겠습니다. ex08 테이블실습 셀을 병합할 수 있는 colspan과 rowspan을 이용해 테이블을 만들어보겠습니다. ex09 폼태그 웹페이지에 간단한 폼을 만들어보겠습니다. ex10 회원가입폼 마찬가지로 회원가입폼을 만들어보겠습니다.

  Read More
• HTML 실습(1)

  HTML CSS 2022. 4. 28. 15:01

  ex01 개요 간단한 웹페이지를 만들어보겠습니다. ex02 제목문단태그 제목과 문단을 태그하는 방법을 알아보겠습니다. ex03 글자태그 글자태그하는 방법을 알아보겠습니다. ex04 리스트태그 리스트를 만들 수 있는 리스트태그를 알아보겠습니다. ex05 이미지태그 웹페이지에 이미지를 띄울 수 있는 이미지태그에 대해 알아보겠습니다.

  Read More
• CSS 이론

  HTML CSS 2022. 4. 27. 10:16

  : HTML문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어 --> 안에 작성 h1(선택자){ color : red; -> 선언 } font속성 : 글자의 폰트를 정의하는 속성 font-family : 글꼴(나눔고딕, 굴림, 돋움) font-size : 글자크기 font-weight : 글자두께 font-style : 글자 스타일 전체선택자 : *(아스타리카)로 표시되며 웹 문서 내 모든 요소 선택 타입(태그)선택자 : 요소 이름으로 사용하여 요소 선택 아이디 선택자 : #기호로 표시되며 특정한 요소 선택 (* HTML 구조의 공간분할을 적용할 때) 클래스 선택자 : 마침표(.) 기호로 표시되며 특정한 요소 선택 (* 공통되는 스타일을 적용할 경우) 계층선택자 : 특정위치의 요소를 계층적 구조로 요소 ..

  Read More