반응형 게시판 만들기 글 목록 제작

오늘은 글 목록 영역과 버튼 영역까지 제작해보았다.

첫날에 CSS가 가독성이 좋아서 할만하다고 생각했는데

만들어야 할 영역이 늘어날수록 기억해야 할 기능이 늘어나서 공부량이 만만치않음을 느꼈다.

필요할 때마다 구글링을 해서 쓸 수도 있겠지만, 효율을 위해 자주 쓰는 명령어는 기억해둬야 할 것 같다.

 

 

+

갑자기 부/울/경 지역 사람들 일정이 일주일 밀려버렸다..

예정되어있던 4월 4일이 아니라 4월 11일부터 진행한다고 한다.

원활한 진행을 위해서라는데, 이유라도 알려줬으면 좋겠다.

답답하다.

 

 

진행 상황

 

 

오늘의 배운 점

 

♣ 부모 영역의 font-size : 0px;로 조정하는 이유
· display: inline-block; 설정을 한다.
· 정렬 시 여백이 사라진다.

 

♣ margin / border / padding 차이

♣ inline, block, inline-block 차이

· display: block  =  블록 처리되는 영역 (ex : div)
· display: inline  =  글자 처리되는 영역 (ex : a)

· display: inline-block  =  블록과 글자 양 쪽 속성을 모두 가진다. 

 

참고 url

https://blog.naver.com/jj601400/222056111224