Front-end 23

Css 기초(font, box, position) - AWS 풀스택 과정 11일차

오늘은 font, box, position에 대해서 배워보도록 하겠습니다. 목차1.font2.box3.position4.예제 문제5.느낀 점  1. font◈ font 속성 안녕하세요 Magnetic ※ "font google" 웹 사이트: 폰트, 아이콘을 이용할 수 있는 사이트- : html에 삽입 (1. header에 삽입, 2. style에 삽입)- @import : css에 삽입 (1. css에 삽입, 2. style에 삽입) ▷ 출력   ◈ border Hello Hello Hello※ div.class 단축키: .class 명 + 'Enter' =>  ▷ 출력 ◈ background ※ background-color 단..

Front-end/Css 2024.07.29

Html 설정 및 기초(text, input) - AWS 풀스택 과정 9일차

오늘은 Html에 대한 설정 및 기초를 배워보도록 하겠습니다. 목차1.Html 설정2.text3.input4.예제 문제5.느낀 점  1. Html 설정VSCode를 이용하여 Html를 실행해보겠습니다.- Extensions에서 Live Sever를 다운로드 합니다. - setting에 들어가서 Extensions를 들어간 후 Live Server Config에서 chrome으로 변경합니다. - Html의 경우에는 File을 생성할 때 제목.html로 생성하고 줄에 !를 입력한 후 Enter를 하시면 자동으로 html 코드가 생성이 됩니다.  - 화면에서 줄을 우클릭하고 Open with Live Sever를 하면 출력된 웹 페이지를 출력합니다.  - 웹 페이지에서 F12를 하면 코드를 볼 수 있는 탐색기..

Front-end/Html 2024.07.25