반응형 CSS3 [Boost Web] 3. browser의 동작 / 구조 / 파싱방법 / HTML,CSS 구조 / 렌더링 참고사이트 웹을 통해서 전달되는 데이터는 어딘가에서 해석돼야 합니다. 서버에서 전송한 데이터(HTML과 같은)가 클라이언트에 도착해야 할 곳은 'Browser'입니다. Browser에는 데이터를 해석해주는 파서와 데이터를 화면에 표현해주는 렌더링엔진이 포함되어 있습니다. 이런 작업의 대부분은 브라우저 내부에서 이뤄지기 때문에 반드시 알아야 하는 것은 아닙니다. 하지만 브라우저의 내부를 이해하면 웹 개발을 하면서 맞닥뜨리는 난해한 문제를 해결할 수 있고, 보다 최적화된 웹개발을 할 수 있습니다. 학습 목표 HTML파일이 올 때 브라우저가 어떻게 렌더링과정(Web Browser Rendering)을 거쳐서 화면에 보이게 되는지 간단히 이해 브라우저의 동작에 대해 알아야하는 이유 소스를 더 빠르게실행시키기위함.. 2019. 7. 5. [FC] CSS 선택자 1. 웹페이지 스타일 전용 언어는 무엇인가? CSS 2. CSS 선택자란 무엇인가? 엘리먼트 관계를 이용해서 선택하는 방법 3. 선택자 종류 4가지 자손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 4. 자손 선택자 사용하기 5. 자식 선택자 사용하기 자손 선택자와의 구분을 위해 식별자를 사용하자 자손 선택자 식별자 id="descendant" 자식 선택자 식별자 id="child" 자손 문단 태그 자손 문단 태그의 내부 태그 자식 문단 태그 자식 문단 태그의 내부 태그 6. 인접 형제 선택자 가장 인접해 있는 하위 형제태그를 변화시킴 인접형제 1번 문단 인접형제 2번 문단, id="adj_p" 인접형제 3번 문단 인접형제 4번 문단 7. 일반 형제 선택자 첫문단 두번째문단 id="gen_p".. 2019. 6. 7. [FC] CSS 기본 정의 1. CSS의 약자는 무엇이며 무슨 의미인가? a. 약자 Cascading Style Sheets 종속적인(의존) 스타일 목록 b. 웹 페이지 스타일 지정 전용 언어 2. CSS를 지정할 때 쓰는 3가지 단위는? a. 엘리먼트 단위 b. 웹 페이지 단위 c. 웹 사이트 단위 3. css코드는 어디에 명시하는가 HTML 스타일을 적용하기 위한 코드 작성을 명시 4. css코드 기본 형태 엘리먼트 { 속성 : 값; } 예시. 5. 식별자 역할을 하는 속성 2가지는? id, class 6. id, class의 차이점은? id : 하나의 페이지의 유일한 요소의 식별자 역할 class : 하나의 페이지의 다중 요소의 식별자 역할 6-1. id, class 사용하기 6-2 id 속성으로 요소를 선택하기 위해 __기.. 2019. 6. 6. 이전 1 다음 반응형
