position4

CSS z-index z-index 속성은 position 속성을 가진 요소에 z 축을 정의 합니다. z-index:value 기본값:auto, 상속:안됨, 버전:CSS2 요소끼리 겹칠 경우 어느 요소가 맨 앞으로 위치할 것인지 결정하여 z-index 값을 주며 수치가 높을수록 상위에 놓이게 됩니다. 티스토리 티에디션의 경우 z-index값이 10으로 설정 되어 있으므로 티에디션 보다 앞으로 사기 위해선 z-index 값을 11이상으로 정의해 주면 됩니다. 값은 px 또는 %가 아닌 단지 숫자입니다. CSS position z-index 0 z-index 1 z-index 2 z-index 3 z-index 0 z-index 1 z-index 2 z-index 3 2014. 2. 11.
CSS Background Background 속성은 요소의 배경색과 배경이미지를 정의해 줍니다. 레이아웃 구분과 사이트의 가독성을 높이고 버튼 효과를 위해 많이 사용되는 속성입니다.background-color: Value; background-image: Value; background-repeat: Value; background-attachment: Value; background-position: Value; 기본값:없음, image:scroll,repeat, top, left, 상속:안됨, 버전:CSS1 background-color:#f40 background-image: url(http://cfile26.uf.tistory.com/image/21041C4352F4F113095F79) background-repeat:.. 2014. 2. 8.
CSS position position 속성은 요소의 위치를 자유롭게 지정 할 수 있습니다.position: static; position: relative; position: absolute; position: fixed;기본값:static, 상속:안됨, 버전:CSS2 position:static top:50px; left:100px; position:static position:staticposition:static 포지션을 지정하지 않은 상태와 동일 합니다. position:static top:30px; left:100px; position:relative position:staticposition:relative 자신 있던 자리를 기준으로 공간을 남기고 지정 값 만큼 다른 요소들에게 영향 없이 이동하고 z-index:1.. 2014. 2. 7.
CSS list-style list-style은 ul 또는 ol 목록 태그의 리스트 스타일을 지정해 줍니다. 목록 태그들은 기본 padding과 margin을 가지고 있으며, 0의 값으로 시작하려면 padding:0; margin:0; 와 같이 속성을 설정해 줘야 하고, 이미지, 순번 또는 지정된 스타일로 목록을 보여 줄 수 있습니다. list-style-image: Value; list-style-position: Value; list-style-type: Value; 기본값:disc, outside, 상속:됨, 버전:CSS1 테스트테스트테스트 기본 스타일. 이미지 스타일이미지 스타일이미지 스타일list-style-image:url(images/arrow2-right.gif); list-style-position:Inside테스.. 2014. 2. 1.