반응형 css14 [javascript] function의 파라미터, 이벤트리스너 ※ 다른 버튼을 누르면 알림 창의 다른 내용 보이게 하기 ※ 하나의 function으로 다른 역할을 하는 버튼 만들기 ※ 닫기 버튼은 이벤트리스너로 구현 1. html 알림창임 X 버튼1 버튼2 2. main.css .alert-box { background-color: skyblue; padding: 20px; color: white; border-radius: 10px; display: none; float: left; width: 100%; } .alertclose-btn { font-size: 16px; float: right; background-color: skyblue; border: none; color: white; height: 21px; } .alerttext { float: left.. 2023. 1. 7. [toy project]UI 확인, 움직이지 않는 헤더, 검색창 만들기 ※ 작업환경은 brackets에서 html, css를 작업하고 vuejs로 조정 ※ transition 은 vue 문법을 따라 했다. ※ index.html 에 폰트 어썸, 부트스트랩 추가 ※ 모바일환경에서 보기 위해서 가로 320px에서 확인을 하면서 만듦 ※ max-width는 767px이다 #app { box-sizing: border-box; max-width: 767px; font-family: "Spoqa Han Sans Neo", "Arial"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin: auto; width: 100%; } 1.. 2023. 1. 7. 이전 1 2 3 다음 반응형
