728x90 반응형 프론트엔드4 5일차 채팅방 만들기 변형 예시 .parent:nth-child(4) > .child:hover{ width: 300px; height: 300px; background-color: beige; transition-property: width; transition-duration: 5s; transition-delay: 2s; } hover 마우스 올렸을때 변화property 변하는것duration 얼마동안 변하는지delay 올리고 얼마 있다가 변하는지timing-function 점점 빨리 변하거나 점점 천천히 변하거나 정할 수 있음. 2.애니메이션 3.상속과 공용키워드border dash.. 2025. 3. 6. 4일차 꾸미기style 태그 color 색상 p{color}로 할떄 안에 color가 있을 시 안바뀐다. (인라인 스타일 먼저적용선택자 우선순위: 쓰여진 순서랑 관계 없이 적용되는 순위1. 아이디 선택자2. 클래스 선택자3. 태그 선택자border 확장자radius=테두리의 둥금정도content-boxborder box (css 꾸미는) background-color:/* 페이지 배경 색상 */margin: 0 auto 20px auto; /* 중앙 정렬 및 하단 여백 */border-radius: 50%; /* 둥근 테두리 */ background-color: #f9f9f9; /* 배경 색상 */ border: 1px solid #ccc; /* 테두리 스타일 */ border-radius: 10px; .. 2025. 3. 5. 3일차 오늘 강의 내용 1.입력 요소을 사용하여 텍스트를 넣음type text를 할 경우에는 글을 적을 수 있고type checkbox를 한경우에는 체크를 할 수 있음그외에도 다양한 것들이 있음 를 사용하는 경우는 으로 여러가지의 경우의 수를 만들고 한가지를 고르게 할 수 있음.커피콜라쥬스생수이런식으로 선택창을 만들 수 있게됨.그리고 text area를 이용하여 글을 적을 수 있는 공간을 만들 수 있고button은 말그대로 버튼으로 사용할 수 있다. 2.데이터 보내기.태그는 사용자가 입력한 데이터를 서버로 보내는 것form atcion="홈페이지" method=""로 그 홈페이지에 입력한 값을 어떻게 보낼지 정할 수 있음.input type "submit" 으로 제풀 버튼을 만들 수 있음. 3.설문조사 만들.. 2025. 3. 4. 2일차 (회원가입만들기) 오늘 강의 내용 요소 (여는태그, 닫는태그) 태그 ( 감싸진 모든 것을 태그) 감싸고 있는 요소를 "부모요소", 감싸진 요소를 "자식요소" 라고 합니다. 웹페이지 링크 넣고 싶을때 audio 요소 자식요소 sourc 따로 필요 video 요소 자식요소 source 따로 필요 요소 선택자 id 한개지정 id는 (css에서) #~~으로 선택가능 class 여러개 묶어서 지정 (.~~~) 으로 선택 가능 cmd키 맥 cmd d로 선택 가능 윈도우는 ctrl cmd z 실행취소 cmd 클릭 여러개 선택 윈도우 alt 리스트 li 무조건 ul, ol 안으로 .. 상위폴더 . 현재폴더 div는 대표적인 block 요소 그냥 박스 span은 대표적인 inline p는 문단 여백이 있음form은 submit.. 2025. 2. 28. 이전 1 다음 728x90 반응형
