우아한 프로그래밍
반응형
Reset.css ( 모든 스타일요소 초기화)
프로그래밍/CSS 2020. 12. 8. 09:11

Reset.css 란? Reset.css는 Html의 모든 기본 스타일 요소를 제거하기 위해서 사용한다. 만약 제거하지 않고 사용하게 되면 기본스타일때문에 내가 원하는 스타일을 만들수가 없기 때문이다 그래서 항상 모든 CSS 앞에 초기화 CSS를 넣는다. 소스코드 /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em..

[CSS] DIV안에 요소 세로 중앙 정렬
프로그래밍/CSS 2016. 9. 9. 11:30

안녕하세요.? 오늘은 DIV안에 요소를 세로 중앙으로 정렬하는 방법에 대해서 알아 보도록 하겠습니다. 기본적으로 DIV안에 요소를 새로로 정렬하기 위해서는 아래의 코드 처럼 사용합니다. 핵심은 DIV를 display: table; 속성을 이용해 테이블로 변경하고 SPAN을 display: table-cell; 속성을 이용해서 Cell로 변경을 하면 됩니다. /** DIV안의 요소는 주로 SPAN을 사용함.**/ div{ height:50px; width : 100%; border: 1px solid black; border-radius:6px; font-size: 18px; text-align: right; display: table; padding-right: 10px; } div span { disp..

반응형