web publishing/CSS-veamcamp3 CSS 첫걸음 - 첫 번째 강의(3) [수정] 이전 글에서 이론을 끝냈고 이제 본론?? 인 css관련 이론을 서술하겠다. 이론의 주제는 초기화이다. 시작하기 앞서 기본 지식이 필요한데 CSS spec과 User Agent Stylesheet(UA)를 구분해야 한다. CSS spec은 말 그대로 CSS 사양이고 User Agent Stylesheet는 여러 종류 브라우저에서 CSS spec에 위배되지 않는 선에서 기본적으로 지원해주는 css이다. 밑에 더보기는 브라우저별 UA spec 문서다. 더보기 chrome(latest) firefox(latest) Opera 10.51 Safari(latest) UA를 확인하는 방법은 문서를 직접 확인하거나 개발자 도구(chrome 기준 f12 버튼)에서 확인하는 방법이 있다. UA가 있기 때문에 브라우저마다 .. 2022. 10. 9. CSS 첫걸음 - 첫 번째 강의(2) 이전 글 첫 강의의 두 번째 이론인 CSS 작업 우선 순서이다. 이 글에선 이전 글처럼 배운 이론을 증명하거나 참조할만한 사이트를 공유하긴 어렵다. 본인이 이해한 내용은 어떠한 이론을 기반하여 설명했다기 보단 강사님의 실무 경험에 의한 이론 같다. 본인은 기존에 작업할 때는 레이아웃(마크업)을 전부 만들고 위치를 잡아가면서 작업했다면 강의에서는 가장 큰 레이아웃부터 만들기 시작한다. 그전에 어떤 결과를 만들어야 하는지 알아야 이해하기 쉬울 것 같다. 위와 같은 이미지를 만들 때의 작업 순서라 생각하면 될 것 같다. 1. 큰 틀부터 시작하기 강사님께서 과제 이미지를 보여주시며 본인에게 물으셨다. 저런 웹 사이트를 만들려면 무엇을 먼저 작업해야 하나요? 본인은 당연히 기존에 코딩했던 방식처럼 body 요소의.. 2022. 10. 9. CSS 첫걸음 - 첫 번째 강의(1) 빔캠프의 CSS 첫걸음!!! 기대하던 첫 번째 오프라인 강의를 참여했다. 강의를 듣고 정리를 해봤는데 정리하기 위해선 크게 두 분류로 나눠 이론과 css를 구분지어야 한다. 물론 이론도 나눠진다 첫 번째는 용어 정의고 두 번째는 css 작업 순서이다. 이 글과 다음 글에선 이론에 대한 내용을 정리하고 먼저 용어 정의부터 시작하겠다. HTML Element(요소) 보통 Element와 Tag를 구분 못 하는 사람이 많은데 Tag는 , 과 같이 start tag와 end tag로 짝지어 사용하는 Tag 또는 , 과 같이 start tag로만 구성된 Tag로 크게 두 형태가 있다. 짝지어 사용하는 Tag인 경우 children element(하위 요소)들을 가질 수도 있고 Text Element라고 불리는 요.. 2022. 10. 9. 이전 1 다음
