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

핵을 이용한 방법으로 같은 css내에서 ie7 버젼만 따로 적용 시키는 방법 css 앞에다 *를 붙여 주게 되면 ie7에서만 인식 하게 된다. 그 이상의 버젼들은 *인식하지 못하기 때문에 읽지를 못한다. 예)li {margin:0; padding:0; display:inline-block; *display:inline} inline-block 속성은 ie8 이상 버젼에서만 먹힌다. ie7에서는 작동을 안함 ㅜ,.ㅡie7에서는 inline 속성만 먹을수 있게 한 방법 이다.

쿠쿠 작업장(home page)/css 2013. 6. 10. 22:51

border-radius와 box-shadow는 익스 9 이상 오페라, 사파리, 파폭, 크롬에서 적용된다. border-radius박스나 이미지에 라운드 효과를 주는 명령어px 또는 % 를 쓸수 있다.%를 쓸경우 타원형의 효과를 낼 수 있다. box-shadow 속성x값 y값 blur(퍼짐 효과)크기 spread(늘이기 효과)크기 color inset(안쪽여백 안쓰면 바깥쪽)

쿠쿠 작업장(home page)/css 2013. 6. 2. 13:48

css 속기법은 말 그대로 css를 보다 편하게 쓰기 위한 방법이다. 예를 들자면margin-top:1; margin-right:2; margin-bottom:3; margin-left4 라는 것을 속기법으로 표현 한다면margin:1 2 3 4 이런식의 표현이 가능하다 각각의 css 마다 속기법이 존재 한다. font : font-style font-variant font-weight font-size/line-height font-family다른 속기법은 순서에 상관이 없으나 font에서는 style, variant, weight 이 세가지는 size 앞에 와야함 background : color url(경로) repeat-x border : 선두께 선종류 선색깔

쿠쿠 작업장(home page)/css 2013. 5. 19. 15:29

ie 버전별 css 만드는 것두 귀찮고 ㅡㅡ 구글에서 제공하는 스크립트를 이용하여 html5 적용 시키는 방법 해주고 나서 이렇게 해주면 일단은 먹는다 그나저나 크롬운영하는 구글도 이렇게 하는데 ms는 도대체 뭐하고 있는건지 ㅡㅡ^

쿠쿠 작업장(home page)/web 관련 2013. 5. 11. 22:25

IE에만 적용시 사용(현 익스10버전은 아니됨 이적용 룰은 6,7,8,9 IE 만 ㅡㅡ;;) 해당 IE에만 적용 해당 IE 초과에만 적용 해당 IE 미만에만 적용 해당 IE 이상에만 적용 해당 IE 이하에만 적용

쿠쿠 작업장(home page)/web 관련 2013. 5. 11. 22:13

css 선택자를 이용하면 css를 보다 편하게 정리할 수 있다. 선택자의 종류 가장 많이 쓰이는 것이 태그 선택자 : 'body, div, ul' 등 태그에 직접 css를 정리ID 선택자 : '#name' 등 ID를 지정하여 해당 ID에만 css를 지정class 선택자 : '.name' 등 class를 지정하여 해당 class에 css를 지정 위와 같이 세가지가 가장 많이 쓰인다. 그외에 선택자를 알면 보다 쉽게 정리 할 수가 있다. 하위 선택자 : 'h1 p'등 이런식으로 선택자 사이에 space bar 를 하나 넣어 줌으로 인해 하위 선택자에 css를 지정인접 선택자 : 'h1 + p' 처음 나온 바로 다음 두번째 스타일에만 css를 지정자식 선택자 : 'h1 > p' 첫번째 태그내에 자식에 해당 되..

쿠쿠 작업장(home page)/css 2013. 5. 2. 15:28