본문 바로가기

css 파일

CSS 유용한 기초정리 CSS(Cascading Style Sheet) - HTML이 가진 디자인의 한계를 보완하기 위해서 만들어진 언어로, 웹페이지에 자주 적용하는 디자인을 하나의 규칙으로 정의한 뒤 호출하여 사용할 수 있다. 스타일 시트의 구성 - 스타일시트는 사이에 위치하며, 로 끝난다. - 로 사용하는 보편적인 방식이다. [사용형식] Inline style sheet(각각의 태그에 적용하는 방법) 이 방식은 스타일 시트의 정의 없이 태그내에 직접 삽입하는 방식이다. [사용형식] External style sheet(외부문서를 불러와 적용하는 방식) 사이에 태그로 스타일시트 파일을 연결하여 사용하는 방식으로, 하나의 스타일시트를 여러 문서에 적용하는 방식이다. [사용형식] rel : 연결할 파일과 적용할 html 파일의 ..
CSS를 최적화하고 파일크기를 줄이는 15가지 방법[펌] CSS코드를 효율적이고 최적화하면서 파일사이즈를 줄일 수 있는 CSS최적화 방법에 대해서 얘기를 하려고 한다. - 소개 더욱 더 복잡한 CSS코드를 쓰게 되면서 이러한 기술은 CSS파일 사이즈를 단지 몇kilobytes라도 줄여야할것이다. 1. CSS Sprite의 사용 "CSS Sprite는 image request의 요청을 감소시키는 방법이다. 여러이미지들을 하나의 이미지로 합치고 CSS background-image 혹은 background-position속성을 이용하여 이미지의 부분들을 훌륭하게 보여준다. - Yahoo Deloper Rule(http://developer.yahoo.com/performance/rules.html) 이러한 방법은 HTTP Request와 웹사이트의 트래픽을 효율적..
html 문서에 외부 CSS파일 삽입하기 3가지 방법~! html 문서에 css를 적용하는 방법에는 크게 3가지가 있다... method 1 문서에 직접 삽입 - style 엘리먼트 사용 css 문서를 내부에 삽입 method 2 외부에 css파일을 두고 불러오기 - 외부스타일 시트 사용 ..... /* link태크는 단독태그라서 뒤에.. /를 붙여준다. */ ..... method 3 외부에 css파을 두고 불러오기 - @import 사용 ..... ..... 방법3으로 하게 되면 지원하지 않는 css를 숨김으로 해서 레이아웃이 깨지거나 잘못된 해석을 막을수 있다. css를 숨기지 않는다면 예전 브라우저에서는 알아볼 수 없는 변형된 페이지를 보여주게 된다. method 4 인라인 스타일 ..... 내용을 적어주세요 ..... 케스케이드의 가장 낮은 단계로써 ..