CSS

    CSS 적용 문제

    파일의 경로와 설정된 style 값을 확인했고 개발자도구 network 탭에서 해당 파일이 정상적인 응답을 받고있음을 확인했지만 css가 적용되지 않았다. 해결: F12 > Network 탭의 'Disable cache' 기능을 활성화 하여 이전 버전의 CSS 를 사용하지 않게도 설정했더니 해결되었다.

    CSS에 대한 정리

    지금까지 그냥 얼렁뚱땅 쓰다보니 쓸때마다 예시나 오픈소스를 찾아보게되는 것 같다. 시간적으로도 별로고 건설적이지도 못한 것 같으니 앞으로 주요한 것들에 대해 여기에 정리를 해나가려한다. A. 주요 속성 1. display 속성 - Block Block 속성은 Inline과 달리 한 줄에 나열되지 않고 그 자체로 한 줄을 완전히 차지한다. default가 block :div, p, ul, li, dl, dt, dd, h1~h6, form - Inline text 만큼만 영역을 가져간다. 줄을 바꾸지 않고 다른 요소와 함께 한 행에 위치하려는 성향 default가 inline :span, a, img, input, mark, strong, em, abbr - Inline-block block인데도 inlin..