목록position (2)

Dog foot print

[css] 간단한 head 만들어보기

css reset div가 블락속성이라도 브라우저에 걸려있는 디폴트 속성들 때문에 body태그에 약간의 마진이 있어 딱 맞지 않기 때문에 디폴트 속성도 없애주는 css reset을 다운받아 링크 걸어주어야 한다. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was disc..
CSS 2019. 7. 9. 20:33
[css] 세로 중앙에 아이템 배치하기

텍스트나 콘텐츠요소들을 세로 중앙정렬 하기에는 꽤나 골치아프다. 나름 내가 해결 했던 방법들 위주로 올려보도록 하겠다. line-height 사용하기 line-heigth 속성은 text가 자신의 박스모델에서 각 텍스트간의 상하간격을 정할 수 있다. line-height에 박스모델 만한 height값을 주게 된 다면 heigth값 /2 씩 텍스트 위 , 아래에 적용되서 해당 텍스트가 세로중앙에 존재하게 된다. div{ width: 200px; height: 200px; border: 1px solid black; text-align: center; line-height: 200px; } margin-top 과 position : absolute 속성을 이용한 수직정렬 position : absolute를..
CSS 2019. 7. 7. 22:15
Prev 1 Next