CSS를 공부하다 보면 이런 코드를 볼 수 있었습니다. 클래스 띄어쓰기 // 두개의 클래스를 모두 가지는 태그 입니다. 부등호 .name > div {// 부등호는 요소의 앞,뒤 내부요소를 선택하는 방법입니다. property: } Selector 띄어쓰기 .name div{ // 띄어쓰기는 .name 내부에 div 모든 요소를 뜻함 property: }
CSS
기본 명명법 태그 or 클래스.명칭::placeholder{ color: color; } 예시) #todo-form input::placeholder { text-align: center;//텍스트 가운데 정렬 color: beige; // 색 지정 }
목적 페이지 마크업 연습 및 기록 남기기 Top Menu List Fixed 고정 마크업 사이트들을 살펴 볼때 이 처럼 스크롤을 내려도 상단이 고정되어 있는 것을 볼 수 있다. .top-list { position: fixed; top: 0; width: 100%; display: flex; justify-content: space-evenly; background-color: white; } css top-list 에서 position : fixed; top: 0; width: 100%; or left: 0; right: 0; width: 100%; 를 설정하든 left: 0; right: 0;을 하던 값은 같다. 설정을 해주면 상단 메뉴바가 고정 되는 것을 확인할수 있다. 여기서 문제! 상단 메뉴가 ..
