A Joyful AI Research Journey🌳😊

230210 마우스 올렸을 때 이미지 크기가 커진다. /* 마우스 올렸을 때 이미지가 커진다.*/ img { max-width: 100%; } .blog-slider__img { width: 280px; margin: 0px auto; overflow: hidden; } .blog-slider__img img { transition: all 0.2s linear; } .blog-slider__img:hover img { transform: scale(1.5); /*확대 배수*/ }

230213 Mon p. 265 1 2 3 4 Table 사용 시 1~4 나눔 부모 요소 태그 div로 묶는다. display: table; table-layout: fixed; 자식 요소 태그 #로 아이디 지정한다. display: table-cell;

우선순위 인라인 스타일 (ex. style = "color: pink") > 아이디 # > 클래스 . > 요소 p There are four categories which define the specificity level of a selector: Inline styles ex) IDs ex) #navbar Classes, pseudo-classes, attribute selectors ex) .test, :hover, [href] Elements and pseudo-elements ex) h1, :before How to Calculate Specificity? Memorize how to calculate specificity! Start at 0, add 100 for each ID value, ..

230127 메뉴 만들 때 (교재: HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 p. 261 참고하기) HTML5 로그인 회원가입 CSS #login { display: table-cell; width: 200px; /*너비*/ height: 10px; /*네비게이션 영역 높이 */ border: dotted red; } #login ul{text-align:center;} #login ul li{display:inline;} #login ul li a{text-decoration:none; color:navy;}

vh = viewport height, vw = viewport width 즉, 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환하겠다는 뜻이다. 100vh, 100vw가 전체 화면의 기준이 된다. 예를 들어, 현재 스크린 크기가 height = 1000px, width = 800px이라면 1vh = 10px, 1vw = 8px 이 될 것이다. height: 50vh; width: 25vw; 로 설정한다면 height = 500px width = 200px 으로 적용된다. 참고: https://programming119.tistory.com/93

230422) 가장 쉽게 생각하는 방법은 css파일을 중심으로 보고 경로를 생각한다. .mainBg { background-image: url("../images/mainBlur3.png"); background-size: cover; background-attachment: fixed; /* position: fixed-bottom; */ } ".." (double dot) refers to the parent directory of the current directory. The image is located in a folder named "images" that is one level up in the directory hierarchy from the location of the CSS file..

[230206~] 첫 번째 개인 프로젝트 하면서 새로 알게 된 것 모음 새로 알게 된 것뿐만 아니라 이전에 이론 공부 했던 것들 중에 다시 상기하게 된 것도 포함했다. 프로젝트를 만드는 과정에서 배웠던 이론들을 직접 적용하니 머릿속에 더 남는 것 같다. :) 상대적으로 길이가 긴 내용은 개별 글로 옮겼다. (230329 ~ ) 230208 Wed autofocus="autofocus" The autofocus attribute is a boolean attribute. When present, it specifies that the element should automatically get focus when the page loads. 비밀번호 /* 회원 로그인 */ $('#btnSignIn').on(..

[230127~230205] 첫 번째 개인 프로젝트 하면서 새로 알게 된 것 모음 새로 알게 된 것뿐만 아니라 이전에 이론 공부 했던 것들 중에 다시 상기하게 된 것도 포함했다. 프로젝트를 만드는 과정에서 배웠던 이론들을 직접 적용하니 머릿속에 더 남는 것 같다. :) 상대적으로 길이가 긴 내용은 개별 글로 옮겼다. (230329 ~ ) 230130 div가 중앙 정렬이 된다. margin: auto; 특수문자 https://www.compart.com/en/unicode/U+2B9F Find all Unicode Characters from Hieroglyphs to Dingbats – Unicode Compart U+2B9F is the unicode hex value of the character ..