Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 제가 css 초반 공부할 때 정말 수십번도 더 챙겨본 영상이었는데요, 이제 세미 프로젝트가 들어가는 시기라 css를 활용하였던 시기에서 시간이 좀 흐르니깐 정렬부분이 다시금 조금 헷갈려서 다시 영상을 보고 공부하게되었습니다. 화면구성시에 헷갈리는 부분을 찾으며 일일이 영상을 확인해 보기에 시간이 효율적이지 않은 듯 하여 제가 공부하기 쉽게 다시 정리하는 포스팅을 작성하고자 합니다. + (해당 콘텐츠 영상 링크는 하단에 함께 노출하여두었습니다. 영상 선생님이 진짜찐짜 설명 너무 잘해주셔서 저 바로 구독자 되었었는데, 다른 분들도 이 영상보시고 css 기초 공부하시는거 강추해요!) float의 단점을 보완하여 사용하기 ..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> Document div, form{ box-sizing: border-box; } /* 통합시 제거할 속성*/ #content_3{ width :300px; height: 600px; } #login_form{ width: 100%; height: 30%; } /* #login_form>div, #login_form>form{ */ #login_form>*{ width: 100%; } #login_form_input{ height: 80%; } #login_form_etc{ height: 20%; text-align: center; /* 요소 가운데 정렬*/ line-height: 30px; } #login_form_etc>a{ ..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 애니메이션 관련 스타일 .anitest1:checked+div{ width:200px; animation-name:ani; animation-duration:2s; animation-direction:alternate; animation-iteration-count: infinite; } .check-anitest2:checked+div{ animation : ani2 5s infinite alternate; } @keyframes ani{ from{ background-color: green; border: 1px solid black; } to{ background-color: yellow; border-radius: 50%;..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 요소 가져오기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할때 // document.getElementById("아이디명") const area1 = document.getElementById("area1"); console.log(area1); console.dir(area1); // 접근가능한 속성들에대해 살펴볼때 //선택된 요소에 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 area1.innerHTML = "아이디로 접근성공함!!"; // ..