Web/퍼블리싱 작업일지10 CSS margin, padding 픽셀 속성 순서 이제 막 퍼블리셔가 된 나는 이것저것 헷갈리는게 많다.특히 학원에서 포트폴리오를 만들고나서 한달가량 아무 작업을 안하다가 취직을 했기때문에 정말 사소한것들이 헷갈린다.그 헷갈리는 것중에 하나가 CSS에서 마진, 패딩값을 적용하는 것인데 margin: 0 0 0 0. 이렇게 상,하,좌,우를 한번에 묶어서 쓰면 정말 굉장히 헷갈려서그냥 상,하,좌,우에 한번씩 다 적용해본다.그런데 그것도 margin: 0 0 100px 50px; 뭐 이런식으로 간단하게 되어 있을때만 가능한거라...그냥 margin-left, margin-top 일일이 이런식으로 풀어써서 적용하는 경우가 대부분이다. 과장님의 코딩을 보면 굉장히 깔끔한데 나의 코딩을 보면 굉장히 지저분하다. 그래서 까먹지 않도록 정리해보려고 한다. 우선 4개일.. 2015. 12. 15. CSS Filter Effects, CSS 필터 효과를 한눈에 확인하는 사이트 CSS 필터 효과를 미리 보는 사이트 -CSS Filter Effects view site- http://html5-demos.appspot.com/static/css/filters/index.html 저같이 코딩을 배우기 시작한지 6개월도 안 된 초보들은 모든게 어렵습니다. html 구조도 겨우 겨우짜고, 사용하는 CSS의 절반은 외워서 하는것, 절반은 찾아보면서 하는거죠... CSS를 적용하면서 필터효과를 주려고 이것저것 찾아보다가 유용한 사이트를 또 발견했습니다. filter에서 블러, 그레이스케일 등 이펙트를 주었을때 나타나는 이미지효과를 쉽게 확인할 수 있고, 또한 수치를 얼만큼 줘야지 원하는 효과가 나오는지 미리 확인할 수 있는 유용한 사이트라고 생각되네요. 2015. 10. 7. 이전 1 2 3 다음
