flexboxdefense 주소 Flexbox Defense www.flexboxdefense.com Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.flexboxdefense.com CSS Flex 공부를 도와주는 게임 flexboxdefense http://www.flexboxdefense.com/ 게임 시작 전 첫 화면에는 게임에서 사용할 Flex의 속성 설명이 나온다. Ok, got it ! 을 누르면 게임을 시작할수있다. ​ ​ 사진 아래 색상 ..

inspect검사 (개발자도구) 를 통해 웹페이지의 사이즈를 측정할 수있다. ​ padding과 margin의 차이점 contents가안에있는 border안에있냐, 밖에있냐의 차이 ​ 마진(Margin)은 보더값을 기준으로 컨텐츠의 바깥쪽에 위치한 여백을 의미합니다. 패딩(Padding)은 컨텐츠 안쪽의 여백을 의미합니다. CSS content, padding, border, margin 에 대한 설명 : 모든 HTML 요소는 상자로 간주될 수 있다. 그 상자에는 안쪽에서부터 content, padding, border, margin 으로 구성 되어있다. content 실제내용이고, padding 실제내용과 테두리 사이의 여유공간 border 패딩과 콘텐츠를 감싸는 테두리 margin 해당 요소와 다른 ..

html과 css로 게시판 만들기2 게시판 ▷ 총 3개의 게시물이 있습니다. SELECT 제목 글쓴이 번호 제목 글쓴이 일시 조회수 1 게시글 1 입니다. 김준석 2022-05-18 15 2 게시글 2 입니다. 김준석 2022-05-18 15 3 게시글 3 입니다. 김준석 2022-05-18 15 ◀ 이전 1 다음 ▶ ↑검색하여 내가 만든 코드 ​ hr태그 수평선을 뜻하는 A horizontal rule 의 약자 그냥 선만 긋는 태그이기 때문에 종료없이 hr 태그만 쓰면된다. hr 선은 태두리(border)부분과 안쪽영역으로 이루어져있다. border은 색을 바꾸고 크기를 조절하고 없앨수있다 안쪽영역도 색,크기를 조절할 수있다. border 조절 방법 길이 width(0%~100%) 높이 height (..

CSSdiner (선택자 게임) CSS Diner 체크된 색상 참고하고 아래 게임 설명을 읽어주세요. 보라색: CSS {선택자(html공간에서 무언가를 가져올) 넣는 공간} 연두색: HTML {어떤것을 선택할지 참고할 body안의 값} 노란색: 문제의 내용 {어떤 것을 선택할지 알려줍니다} 빨간색: 상단오른쪽에 세줄의 메뉴 아이콘을 누르면 나오는 문제 목록입니다. ​ ​ ​ 1~32 번 정답 정리 ​ A plate ―――――――― A bento ―――――――― #id #fancy ―――――――― A B plate apple ―――――――― #id A #pency picle ―――――――― .classname .small ―――――――― A.className orange.small ―――――――― put ..

css 선택자(selector)우선순위 : !important > 인라인스타일속성 > 아이디선택자 > 클래스선택자 html과 css로 게시판 만들기1 작성한 코드 ↓ 블로그 게시글 업로드 이름 : 이메일 : 게시글 내용 : 간편 회원 가입 입력정보 이름 : 이메일 : 휴대폰번호 : 인증코드 기본 회원 가입 아이디

Visual Studio Code] 라이브서버(Live Server) 설정하기 Visual Studio Code] 라이브서버(Live Server) 설정하기 Visual Studio Code(현재 1.34.0버전, 이후 VS Code로 표기)에서 라이브 서버를 설정하는 방법에 대해 살펴보자. 라이브 서버를 이용하면 파일 수정 후 저장하면 수정된 내용이 바로 저장된다. 1. 라이브 stajun.tistory.com 코딩교육 티씨피스쿨 HTML Element Reference www.w3schools.com 위 사이트에서 html 태그 참고 하자! ​ HTML 글자를 강조 태그들 - b (굵게), i (기울임), u (밑줄), ins (밑줄), tt (타자체), sup (위첨자), sub (아래첨자), s ..