본문 바로가기
반응형

css2

Positioning 관련 [display]ㅇblock한줄을 혼자 다 먹는다높이, 넓이 지정을 할 수 있다. ㅇinline한줄에 여러개를 쓸 수 있다.높이, 넓이 조절이 안 된다. ㅇinline-block높이, 넓이를 지정하면서 한줄에 여러개를 쓸 수 있다. [position]ㅇstatic알아서 이전 포지션을 보고 그 다음 자리를 매꿔가면서 자기자리르 찾아간다. ㅇabsolute전후 안 따지고 기존 자리를 빼서 상위(부모)객체기준으로 자리를 옮겨간다.static인 속성의 위치가 이놈을 빼고 다시 자리 조정해서 바뀐다.자식을 absolute 를 쓰기 위해서는 부모객체가 static이면 안 먹는다.자식 때문에 부모를 바꾸어야 할 경우에는 뒤에께 안 바뀌기 위해서는absolute 보다는 relative로 바꿔주는게 기존 레이아웃을 보존.. 2017. 11. 15.
CSS관련 잡다 ㅇ!importantCSS는 원래 cascading이 되는데 위치에 따라서 덮어 쓰지만 !important 를 쓰면 최상위 선언한게 재정의 안 되서 안 바뀜 * 테스트 하려면 브라우저 캐쉬 비워가면서 테스트 해야 함 [style.css].box {border:3px solid #0f0 !important; margin:3px} [test.html] div3 div4 div5 my p ㅇ장치에 따라서 스타일 다르게 하기(스크린, 프린트 할 때 다르게 나옴) ㅇ단위- px는 장치마다 해상도에 따라 크기가 다르게 보일 수 있다.- %,em 이 상대적인 크기이므로 이 단위를 쓰는게 좋다. 원하는대로 잘 안 나오긴 한다.. ㅇText- text-overflow : clip | ellipsis -> 넘어갈 경우 ... 2017. 11. 15.
반응형