dream wallet

css로 홈페이지 디자인을 하려면 이 display속성에 대해서는 알고있어야 한다. 이 display속성에 대해 가장 기본이 되고 많이쓰이는 속성은 block, inline, inline-block 가 있다. block : 말그대로 블록요소로 설정하는 것으로, width, height, margin, padding 적용이 가능하다. 박스형태가 된다고 생각하면 될듯. inline : 인라인요소는 자기자신에게 딱맞는 크기만 지닌다. 자신의 내용에 맞게 요소크기를 지니기 때문에 크기변경을 할 순 없지만 margin, padding은 적용이 가능하다. 예를 들면, -- html 1 2 --cssdiv { background-color : black; display : inline; color : white; w..

아무리 작은 프로그램이라 하더라도 주먹구구식의 코딩은 결국 파국을 가져온다. 이번의 프로젝트를 진행하면서 느낀점이다. style의 모듈화를 하지 못한 원인은 다음과 같다. 1. 초기 페이지를 만들 때, 공통부분을 지정하지 않았다. ※ 너무나도 당연한 탭기능이나 header, footer 부분은 제외. 2. 각 페이지마다 그때그때 id와 class를 부여하면서 css가 분리되어 style이 변경될 경우 각 페이지마다 별도로 조정해 줘야했음. 작은 프로젝트라도 하나 둘 기능이 추가되거나, 페이지가 여러개로 분리되면 각 페이지별로 동일하지 않은 style때문에 완성도가 떨어지고, 별도의 layout적용하기 시작하면 모듈화는 더욱 힘들어진다. 3. 맞추기에 급급한 position 사용을 남발함으로써 css가 유..