반응형

Code Reading 3

[code reading] Media query in webkit(media rule)

이전에 작성한 linkElement, style element에 이어 media rule을 사용해 media query를 주었을 때 웹킷이 처리하는 과정을 정리해보고자 합니다. 이전글 1 : Media query in webkit(link Element) 이전글 2 : Media query in webkit(style element) 특히 이전글2는 반드시 읽으셔야 합니다. 사용할 예제는 이전글2에서 잠깐 보여드렸던 것과 동일합니다.### html hello 시작 지점은 이전 예제의 밑에서 두번째 코드인 DocumentRuleSets::appendAuthorStyleSheets 입니다.### c++ ; highlight : 21 void DocumentRuleSets::appendAuthorStyleSh..

[code reading] Media query in webkit(style element)

이전에 작성한 linkElement에 이어 style element로 media query를 주었을 때 웹킷이 처리하는 과정을 정리해보고자 합니다.style element에 대한 처리를 알려면, webkit이 style element을 처리하는 전반적인 플로우를 이해해야 합니다.하지만, 여기서는 되도록 media query에 집중해서 설명하려고 노력할 생각입니다. 이전글 : Media query in webkit(link Element)다음글 : Media query in webkit(import/media rule) 이번에 다룰 예제는 아래와 같습니다. ### html hello HTML specification에서 style element를 보면 attribute로 media를 지정할 수 있습니다. ..

[code reading] Media query in webkit (linkElement)

[media query 간략 소개]Media query는 media의 종류에 따라 특정 CSS 스타일을 적용하고자 할 때 사용하는 CSS 스펙 가운데 하나입니다.(http://www.w3.org/TR/css3-mediaqueries/) media query에 대한 article : http://html.nhncorp.com/blog/42284 다음글 : Media query in webkit (style element)그 다음글 : Media query in webkit(import/media rule) 예를 들어 아래는 대표적인 media query의 예입니다. (이 글에서 코드리딩할 방법입니다.) ### html screen과 print는 가장 많이 알려진 미디어의 종류(type)입니다. 또는 아래처..

반응형