ul li {list-style:none} ul li:before {content:counter(item, disc)""; color:#000000} ol li {list-style:none; counter-increment:item} ol li:before {content:counter(item)""; color:#000000}

쿠쿠 작업장(home page)/css 2015. 3. 3. 19:40

@media all and (orientation:portrait) { #for portrait style codes.. }/* 세로방향 */@media all and (orientation:landscape) { #for portrait style codes.. }/* 가로방향 */ @-ms-viewport { /*ie10 윈도우8 기기전용 반응형 디자인 적용*/ width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 400px) { /* 최고400px 까지*/ } @media screen and (min-width: 400px) { /*최소400px 까지 */ @media screen and (min..

쿠쿠 작업장(home page)/css 2014. 6. 26. 15:49

:first-child 클래스내에 있는 첫번째자식 요소를 선택 :last-child 클래스내에 있는 마지막자식 요소를 선택 :first-line 요소 첫번째줄에 스타일 지정 :first-letter 요소 첫번째 문자에 스타일 지정 :link 열린적 없는 링크를 선택 :visited 한번이상 클릭한 링크 :hover 마우스 롤 오버 :active 마우스가 클릭된상태 :focus 탭 또는 입력폼이 선택되어 있는 상태 :before 클래스 앞부분에 내용 또는 스타일 지정 :after 클래스 뒷부분에 내용 또는 스타일 지정 :lang 언어 가상 클래스

쿠쿠 작업장(home page)/css 2014. 6. 12. 14:59

1단 메뉴 menu01 menu02 menu03 2단 메뉴 menu01 sub_menu01 sub_menu02 sub_menu03 menu02 menu03

쿠쿠 작업장(home page)/css 2013. 11. 26. 13:31

resize란? box의 크기를 조절 할수 있게끔 만드는것 사용법 .class {width:100px;height:100px;max-width:200px;max-height:200px;resize:both;overflow:hidden} 위와 같이 하게 되면 box를 최소 가로세로 100px 최대 가로세로 200px내에서 box 조절이 가능하다. resize 속성으로는 veritical: height 만 인식한다.horizontal: width 만 인식한다. 참고로 크롬과 사파리에서 만 지원이 된다.

쿠쿠 작업장(home page)/css 2013. 11. 12. 17:39

.bg img { background:url('이미지파일') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } background-size:속성 background-size:가로크기(px,%) 세로크기(px,%) ex) background-size:100px 100px 백그라운드 이미지 크기를 가로100px 세로50px 로 맞춘다. background-size:cover (가로크기 기준으로 가로/세로 비율을 맞춘다.) background-size:contain (세로크기 기준으로 가로/세로 비율을 맞..

쿠쿠 작업장(home page)/css 2013. 11. 6. 15:14

input css 줄때 type 별루 주고 싶을때는 클래스 내에 대괄호 안에 type를 구분해 주면 된다. input [type=radio],[type=checkbox] {cursor:pointer; cursor:hand} input [type=button] {border:1px solid #fff; background:#fff........}

쿠쿠 작업장(home page)/css 2013. 11. 1. 10:38

IE6~8 에서 쓸 수 없는 CSS3 속성 그 중에 text-shadow , box-shadow , border-radius 을 사용할 수 있게 하는 방법 ie-css3.htc를 다운받아 적용시키면 된다 다운받으러 가기 http://fetchak.com/ie-css3/ -> 오류많음.. http://www.flashjunior.ch/school/test/ietest/pie/2/ .radius_box { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 10px 10px 20px #000; -webkit-box-shadow: 10px 10px 20px #000; box-shadow: 10px 10..

쿠쿠 작업장(home page)/css 2013. 10. 11. 16:09