코드잇 스프린트 4기/위클리 페이퍼19 [CSS] 포지션(Position) 코드잇 스프린트 4기 2주 차 위클리 페이퍼 포지션(Position) 요소를 배치하는 방법을 지정. top, right, bottom, left 속성과 함께 사용. 종류 static 기본값(default)으로 원래 있어야 할 위치에 배치. relative 원래 있어야 할 위치를 기준으로 배치. 원래 자리를 차지한다. absolute 가장 가까운 포지셔닝(positioning)된 조상을 기준으로 배치. 원래 자리를 차지하지 않는다. fixed 브라우저 화면 기준으로 고정되어 배치. 원래 자리를 차지하지 않는다. sticky 원래 있어야 할 위치에 있다가 정해진 위치에 스크롤 되면 fixed 처럼 고정되어 배치. 원래 자리를 차지한다. 감사합니다. 2024. 1. 7. [HTML] 시맨틱 태그(Semantic Tag) 코드잇 스프린트 4기 2주 차 위클리 페이퍼 시맨틱 태그(Semantic Tag) 역할이나 위치에 따라 의미를 부여한 태그이다. 시맨틱 태그가 적용되지 않은 상태 시맨틱 태그가 적용된 상태 장점 · SEO(Search Engine Optimization) · 웹 접근성 향상 · 유지보수 용이 감사합니다. 2024. 1. 7. [CSS] 캐스케이딩(Cascading) 코드잇 스프린트 4기 1주 차 위클리 페이퍼 CSS: Cascading Style Sheets CSS에서 캐스케이딩(Cascading)은 폭포의 의미를 가진다. 하나의 요소에 스타일 상속 및 중복된 스타일 선언이 있을 때 단 하나의 스타일이 적용된다. 위 폭포 이미지에서 위에서부터 물이 흘러내려와 결국 바닥에 닿는 물은 하나라는 의미를 떠올리면 된다. 그렇다면 요소에 적용되는 스타일은 어떤 기준으로 적용되는가 우선순위 나중에 선언된 스타일이 우선순위가 높다. 파란색입니다. 더 명확한 선택자를 사용하면 우선순위가 높다. 빨간색입니다. CSS 적용 방법에서 인라인(Inline) CSS의 우선순위가 가장 높다. 내부(Internal) CSS와 외부(External) CSS는 나중에 선언된 스타일이 우선순위가 .. 2023. 12. 31. 이전 1 2 3 4 5 다음
