프롬프트 AI&OpenAPI&공공데이터를 활용한 웹앱개발자 양성 과정 27일차

... 시리즈 순서 조절하다 글이 날아갔다.
중요한 내용 위주로 약식으로 정리한다.

1. 노말라이즈

크로스 브라우저에 보이는 형식을 통일하기 위한 조치.
reset이 모든 요소를 초기화 하는것에 비해서 노말라이즈는 기본 형식을 유지한 채로 필요한 속성만 초기화한다.
eX)

body, ul, li{
    margin:0;
    padding:0;
    list-style:none;
}

a{
    color: inherit;
    text-decoration:none;
}

2. 포지션

3.보편적인 네비게이션 구조

nav.menu>ul>li*3>a[href="#"]{메뉴$}

4. css 속성 정리

속성	설명
white-space:nowrap;	자동 줄바꿈 기능을 해제한다.
overflow;	영역 밖으로 넘치는 요소에 대한 처리. hidden은 숨기고, scroll은 무조건 스크롤을 생성하며, auto는 요소가 영역밖으로 나갈때만 스크롤을 생성한다.
display:none;	해당 요소가 차지하는 영역 자체가 사라지게 만든다.
text-overflow:ellipsis;	글자가 영역을 넘었을 때 ...으로 표시한다.