html+css15 addEventListener<이벤트 핸들러 어트리뷰트 (Event Handler Attribute)> HTML 요소에 직접 이벤트 핸들러를 설정하는 방법을 의미합니다.이 방법은 HTML 요소에 이벤트가 발생했을 때 자바스크립트 코드를 실행하는 데 사용됩니다.예를 들어, 클릭 이벤트를 처리하는 경우를 살펴보겠습니다.다음과 같이 HTML 요소에 "onclick" 어트리뷰트를 사용하여 클릭 이벤트 핸들러를 설정할 수 있습니다. 이벤트 핸들러 어트리뷰트 종류onclick: 요소를 클릭했을 때 발생하는 이벤트를 처리합니다.ondblclick: 요소를 더블 클릭했을 때 발생하는 이벤트를 처리합니다.onmouseover: 마우스가 요소 위로 올라갔을 때 발생하는 이벤트를 처리합니다.onmouseout: 마우스가 요소에서 벗어났을 때 발생하는 이벤트를 처리합니다.onmousemove: 마우스 포인터가 요소 위에서 움.. 2024. 4. 30. css 내용물 정렬 /* 내용물을 정렬 */ display: flex; flex-direction: column; align-items: center; justify-content: center; 2024. 4. 30. [CSS] HTML 모든 태그 빈공간 제거 및 초기화 * { margin: 0; padding: 0;} 2024. 4. 26. HTML에 외부 CSS파일 링크걸기 작업하고 있는 폴더 안에 style.css파일 만들어주고안에 혹시 폴더가 다르면폴더명/style.css https://www.freecodecamp.org/korean/news/htmle-oebu-css-seutail-siteureul-jeogyonghaneun-bangbeob/ HTML에 외부 CSS 스타일 시트를 적용하는 방법CSS를 HTML에 적용하는 여러 방법 중 외부 스타일 시트를 사용하는 방법이 가장 일반적인 방법입니다. 그럼 어떻게 CSS파일을 HTML과 연결할 수 있을까요? 외부 CSS 파일을 연결하는 것은 그 어떤 HTMLwww.freecodecamp.org 2024. 4. 26. 노마드코더)코코아톡 클론코딩 - CSS(Cascading Style Sheet) css 추가법 1. html 파일에 css 추가하기 - 태그 이용 > head 안에 기입 2.분리 > styles.css 파일 만들고 > html의 head 안에 body나 h1등 태그 자체를 가르킬땐 그대로 selector하고 id는 #id class는 .class 전체는 * 로 지시 selector{ 속성 : 값 ; } 이게 기본형식 속성값에 띄어쓰기를 하면 안된다. selector을 , 로 묶어 그룹을 만들 수 도 있다. 그럼 보기편해짐 >> 같은 부분은 묶는것 > class로 묶어서 지정하는편이 더 좋긴 함 selector, selector, selector { 속성:값; } (상세)pseudo selector ex) div:last-child { } 겹치는 태그 이름 : 순서-child or 겹.. 2024. 4. 22. 마우스 hover시 말풍선 효과 나타내기 https://velog.io/@97godo/CSS-%EB%A7%88%EC%9A%B0%EC%8A%A4-hover%EC%8B%9C-%EB%A7%90%ED%92%8D%EC%84%A0-%ED%9A%A8%EA%B3%BC-%EB%82%98%ED%83%80%EB%82%B4%EA%B8%B0 [CSS] 마우스 hover시 말풍선 효과 나타내기 velog.io 2024. 4. 17. 이전 1 2 3 다음
