블로그
- [html/css] A4 크기로 인쇄 또는 PDF로 저장하기 이때 사용하는 대표적인 문법이 @media print와 @page이다. @media print는 화면용 스타일이 아니라 인쇄할 때만 적용되는 CSS 영역이다.
- 반응형 디자인, CSS 코드의 재사용, 수업을 마치며 @media(min-width:800px) { div{ display:none; } } min 최소값 max 최대값 미디어 쿼리를 이용해서 반응형 디자인 구현하기 @media(max-width :800px) { #grid { display: block; } #grid ol { border-right: none; } } CSS 코드의 재사용 지금까지 만든 코드를 각 웹페이지에다가
- SASS 작성법 및 컴파일 (s-size-screen) { il{ width : 100px; } } $media 값이 s-size-screen 이므로 if문에서 @media only screen and (min-width $small은 위쪽에 선언한 변수로 320px 이고, @content 부분은 @include 할때 {} 안에 선언한 css 코드가 들어간다 즉 @media only screen and
- CSS 핵 정리 (IE6, IE7, IE8, IE9), FF, Chrome, Safari Original CSS .ComLayer1 { color:#ff0000; font-size:12px; vertical-align:middle; } IE6 * .ComLayer1 { *+ html .ComLayer1 { color:#ff0000; font-size:12px; vertical-align:middle; line-height:1.2; } IE8 @media