습관제작소

HTML Navbar An active item A second item A third item A fourth item And a fifth one CSS .list-group{ display: none; } .show{ display: block; }

addEventListener 알림창임 닫기 버튼1 버튼2 CSS .alert-box{ background-color: skyblue; padding: 20px; color : white; border-radius: 5px; display: none; }

참고 사이트 W3Schools position static : 기본값. 움직임 불가능 relative : 부모 태그로부터 자신의 위치 결정됨. 원래 자기가 있던 위치에서 이동 absolute : 부모의 위치가 기준. relative 와는 기준이 다름. 부모가 static이면 부모를 무시함. 부모가 static이고 조부모가 static이 아닌 경우 조부모가 기준. display는 더 이상 block 아님 fixed : 시조 태그의 위치로부터 이동. 심지어 스크롤도 무시함. display는 더이상 block아님 App.tsx import "./styles.css"; export default function App() { return ( granDad dad me ); } styles.css .test { ..

CSS 기초! font font_size(rem) color test-alihn import "./styles.css"; export default function App() { return ( test1 ) } .test { font-size: 6rem; color: tomato; /* 선색은 컬러를 따라가기 때문에 지정해주는게 좋다 */ text-align: justify; border: 1px solid black; } border border 가지고 놀기 import "./styles.css"; export default function App() { return ( test1 test2 ); } .test { border: 10px solid black; padding: 50px; backgro..