본문 바로가기

css

(2)
input file 디자인 입히기 업무중에 파일 업로드를 할경우가 있었는데 코딩된 디자인을 입히려는데 난해했다. 어떻게 할수 있을까 ? 검색을 한결과 좋은 것을 하나 발견하게 됐다. http://www.quirksmode.org/dom/inputfile.html 위의 사이트에서 보면 스타일을 써서 fiel 컨트롤을 밑에다 그리고 그 위에다가 이미지를 입히는 형식으로 되어있었다. 간단한 코드 예제를 보겠다. 먼저 css파일에 다음과 같은 스탕일을 정의한다. div.fileinputs {position: relative; height: 30px; width: 400px; } input.file {margin: 0; width: 400px; } input.file.hidden {position: relative; text-align: righ..
Visualstudio CSS Style Compacting하기 http://www.devcurry.com/2011/01/compact-css-formatting-in-visual-studio.html 이내용은 위의 기사를 토대로 한 내용입니다. 많은 분들이 모르시는것같아 포스트 합니다. 우리는 대부분 스타일시트 포캣팅을하지 않은채 그대로 디폴트 셋팅값을 쓰고있습니다. css 포맷은 3가지가 지원이되는데 아래와 같습니다. 첫번째 포맷 expaned를 선택할경우 가독성은 좋지만 많은 빈공간 생기게 됩니다. 두번째 포맷은 첫번째보다는 빈공간이 덜하지만 그래도 상당부분 빈공간이 있습니다. 3번째는 우리가 jquery.min에서 볼수 있는 형태인 compact한 css를 볼수 있습니다. 각각의 상황에 맞게 사용하시만 될듯합니다. 그리고 대문자로 할건지 소문자로 할건지 셋팅해..