[CSS]animation, 3D Animationanimation-name: move;애니메이션 이름(키프레임명)시간값, 회수값, 방향값, 정지값을 적용하는 객체에 넣어야 함animation-duration: 1s;애니매이션 시간값animation-iteration-count: 4;animation-iteration-count: 반복횟수;애니메이션 반복횟수 값infinite계속반복animation-direction: alternate;normal:form~toalternate:form~to~formreversnormal:normal과 반대,거꾸로to~formalternate-reverse:alternate와 반대 to~from~to 주로 alternate로 작업animation-delay: 1s;애니매이션 지연시간animation-ti.. [HTML]인터넷프로그래밍 1. 특수문자<<∞∞∞>>>√√√Σ∑∑↑↑↑©©©&&&빈칸  '''"""÷÷÷2.블록 태그 / / / 항상 새라인에서 시작한다.양 옆에 다른 콘텐트를 배치하지 않고 한 라인 전체를 사용한다.3.인라인 태그 / / / 실제 데이터의 크기만큼만 한라인의 일부만 사용한다.3.인라인 프레임- HTML페이지 내에 HTML페이지 삽입한다.ifram태그를 다루지 랂는 브라우저에 의해 대신 출력되는 텍스트3. target 속성- ,,,_blank - 새로운 브라우저 윈도우 생성_self - 현재 윈도.. [CSS] 단어정리(2) 일반구조선택자 - 부모 자식관계에서 첫번째,마지막,원하는 번째의 자식을 선택잡을때 사용first-child첫번째 자식을 선택last-child마지막 자식을 선택nth-child(5)원하는 번째의 자식을 선택nth-child(2n+1)2n을 넣으면 짝수 번째 선택2n+1을 넣으면 홀수 번째 선택자식 선택자 - 부모안쪽에 자식을 하나만 콕 찝어 선택할때 사용 - 부모>자식 li>a{ text-decoration: none; }자손 선택자 - 부모 태그 안에 있는 특정 자식을 경로없이 한번에 선택할때 사용 - 부모 자식 ul a{ color: red; }float:left; - 기본 여백값을 제거하고 왼쪽으로 정렬함 ✔️ 순서가 역순으로 정렬됨 ✔️ margin의 속성중 auto값과 float값은 같이 사용.. [CSS] 단어정리 (1) 📌 CSS 사용 시 주의사항 속성값이 끝나면 세미콜론(;)사용하기> 중괄호 안쪽으로 들어와서 작성하기 때문에 중괄호 짝 구분 잘하기> 따로 메모한것은 주석걸기(ctrl + /)📌적용 우선 순위1. 속성값 뒤에 !important - important-block{color: red !important;}2. style을 직접 지정한 속성(인라인 속성)3. #id로 지정한 속성4. 태그로 지정한 속성5. 상위 객체에 의해 상속된 속성✅ 태그 선택자 = 내 문서 내에 있는 동일태그 선택✅ 클래스 선택자 = 태그 옵션으로 저장 / 반복가능 / .사용✅ 아이디 선택자 = 태그 옵션으로 저장 / 반복 불가능 / #사용 / 우선순위가 높음✅ id 선택자 먼저 반응 후 class 선택자 반응📌 클래스 아이디.. [HTML]<table>, <a href=" "> 1학기 성적 이름 HTML CSS 가 80 90 나 70 99 합계 170 169 구글 1장 1장 HTML 단어 정리(2) 페이지 제목/소개(article/section에 사용가능)하이퍼링크 모아놓은 상자문서의 챕터 본문 내용독립적인 콘텐츠를 담음(보조적 기사,블로그,포스트..)본문과는 조금 다른 내용을 담음(오른쪽 왼쪽에 배치)꼬리말(저작권 정보, 저자표시)section안에 article이 들어감.=============================================================== 이미지를 감싸고 있는 태그이미지의 설명을 적을 수 있다시간%의 데이터 양 표시작업의 진행정도 표시 form태그폼만들기 get방식넘어가는 값이 보인다.(보안x)폼만들기 post방식값이 보이지 않는다.(보안o)텍스트 창비밀번호버튼제출 버튼초기화 버튼이미지 네모 체크박스(중복선택o)동그라미 체크 박스(중복선택x)이건 .. HTML 단어 정리(1) 진하게 강조글자 진하게밑줄글자크기~줄바꿈선긋기단락나누기(css 적용: 빈 단락 넣기이미지 넣기리스트 생성순서 없는 리스트순서 있는 리스트하이퍼링크해당 파일로 이동인용하는 글인용하는 글(blockquoted태그는 인용할 내용이 들여쓰기가 된다.q태그는 인용할 내용 주위에 큰따옴표""가 생긴다. )정의 목록정의 제목정의 내용=================================예시=================================올레 1코스코스 : 시흥 초등학교 옆 - 광치기 해변거리: 14.6km(4~5시간)난이도: 중올레 2코스코스 : 광치기 해변- 은평 포구거리: 14.5km(4~5시간)난이도: 중--------------------------------------------------.. 이전 1 다음