핵을 이용한 방법으로 같은 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

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

display:table 는 웹표준에 맞춰 작업 할 시 div를 쓰게 되는데 간혹 table의 속성을 필요로 할때가 있다. 이때 쓰게 되면 유용하게 쓰일수 있다. 특히, table에서 쓰이는 style를 적용 시킬수 있다. 속성표 display 속성 table: table-caption: 테이블 캡션으로 표시됨 table-cell: 테이블의 셀 영역을 표시 table-column: 테이블의 열 영역을 표시 table-column-group: 테이블의 열 그룹 영역 표시 table-row: 테이블의 행 영역을 표시 table-row-group: 테이블의 행 그룹 영역 표시 table-header-group: 테이블의 머리글 행 그룹 표시 table-footer-group: 테이블의 바닥글 행 그룹 표시 쓰..

쿠쿠 작업장(home page)/css 2013. 4. 6. 16:44

div에서 height 값을 100%를 주게 되며 기본 값만 인식이 되는데 이는 html에서 "html" 자체가 코딩 코드 이기 때문에 html 에도 height 값을 지정해줘야 한다. 예)내용 위를 보면 알다 시피 div 상위에 body가 있고 또 그 상위에 html 이 있다 위와 같은 경우에는 아무리 div에 height=100% 준다 해도 적용이 되지 않는다 아니면 따로 div height값을 %가 아닌 px 값을 주지 않는다면 아래는 div 에 height 값을 100%를 주기 위한 방법이다. 내용

쿠쿠 작업장(home page)/css 2013. 2. 4. 10:57

배경이미지 경로 background-image:url(이미지경로); 배경이미지 반복 bakcground-repeat:repeat; 속성 : repeat (반복),repeat-x (x축 반복),repeat-y (y축 반복),no-repeat (반복없음) 배경이미지 위치 background-position:left top; 절대값 : px단위로 설정 상대값 : %, left center right - top center bottom 배경이미지 스크롤 background-attach:fixed; scroll : 문서의 스크롤과 함께 이미지 이동 fixed : 이미지 고정 사용예-1 .ex01 {background-image:url('경로'); background-repeat:repeat; background-..

쿠쿠 작업장(home page)/css 2012. 12. 25. 15:05

css .image-block { width:78px; margin:0px 10px; float:left; } .reflection { position:relative; } .reflection img { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: flipv; opacity:0.20; filter: alpha(opacity='20'); } .overlay { position:absolute; top:0px; left:0px; width:78px; height:120px; background-im..

쿠쿠 작업장(home page)/css 2012. 11. 22. 14:42