js2 (스타벅스)헤더_ LOGO + Submenu 포인트 HTML **display:block 을 사용하여 인라인요소 (img) 하단에 baseline 공백을 제거 **CSS JS를 이용하여 input box를 클릭하면 돋보기아이콘이 사라지고, 검색창이 확장되며 '통합검색'이 나타난다. ** position: relative / absolute를 사용하여 자식요소가 부모요소 중간에 위치 CSS ** 가상클래스선택자를 사용하여 sub menu 사이에 세로줄 표현 (:: before) ** display:flex를 사용하여 가로정렬 ** box-sizing:border-box를 사용하여 요소의 크기를 유지하면서 내부여백과 테두리선이 추가될수 있게 해줌. ** outline:none을 사용하여 input box를 클릭했을때 나타나는 border 삭제. ** .. 2022. 6. 2. HTML 내부요소 변경 _ getElementById document.getElementById('바꾸고싶은 요소id 값').innerHTML = '대신할 요소' 웹문서 ID~~인 HTML 요소를 가져와라 내부글자 예) Hello 👉 innerHTML 대신 바꾸고 싶은 대상을 써도 됨 예) document.getElementById('바꾸고싶은 요소id 값').style.color = 'red' >>글씨가 빨간색으로 바뀜 바꾸고 싶은대상의 코드는 구글검색하는것 추천 JS how to change margin 등등...... 2022. 5. 20. 이전 1 다음
