완주를 향하여

예시 코드details summary {cursor: pointer;}details > summary::marker {display:none; content: '';}details #toggle { transform: rotate(0); transition: .4s transform ease;}details[open] #toggle { transform: rotate(-180deg); transition: .2s transform ease;}  Refhttps://stackoverflow.com/questions/61292792/css-selector-for-details-element-when-openedhttps://stackoverflow.com/questions/77386169/stylin..

💡 CSS 반응형 CSS 초기화 CSS 단위 Media query 반응형 반응형 웹 디스플레이 종류에 따라 화면크기 자동최적화 적응형 웹 PC용 / 모바일용 사이트 url 별도 제공 반응분기점(breakpoint) CSS 스타일 초기화 브라우저마다 태그 기본스타일 상이 → 다른 화면 CSS 초기화 방식 Reset.css https://meyerweb.com/eric/tools/css/reset/ Normalize.css https://necolas.github.io/normalize.css/8.0.1/normalize.css (css파일 링크) https://cdnjs.com/libraries/normalize (cdn) CSS 단위 px 화면의 하나의 점 반응형 부적합 반응분기점 별로 사이즈 다르게 작..

0701 💡 CSS + JS https://www.notion.so/toufulover33/0701-495a3202a1f8471db4923643e3297e2c 📌 [ ] CSS 참조방식 3가지 [ ] JS 변수선언 CSS -- 선택자 선언블록{ 선언 속성: 속성값; } -- 참조방식 외부 스타일 시트 ( External Style Sheet ) 내부 스타일 시트 ( Internal Style Sheet ) HTML 태그 내의 스타일 지정 ( Inline Styles ) 인라인 > 내장 ? 링크 속성 많다 color text-shadow text-decoration font-size, font-weight cursor border, border-style, border-radius background-co..

0629 💡 HTML & CSS https://www.notion.so/0629-011349002e7f4b199a6fe2f84fcc5f68 HTML 태그 요소 블록 요소 인라인 요소 빈 요소 구조적 기능 속성 태그를 보조하는 명령어 id class, style, width, height 실습 절대경로 상대경로 ../ ./ 속성 width height title alt 하이퍼링크 속성 ****href 팝잇 속성 self* blank 블록요소 ol type A,a,1,I,i start ul border cellspacing cellpadding colspan rowspan CSS **선택자 선언블록{ 선언 속성: 속성값; }** 참조방식 인라인 내장 링크 속성 많다 color text-shadow text-..