Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 웹퍼블리셔
- 제이쿼리
- 튜닝
- 웹개발자
- 홈페이지
- 워크식스
- 포트폴리오
- JQuery
- 쇼핑몰구축
- 안드로이드
- 프로그래머
- 고도몰
- 웹디자인
- jQuery Plugin
- 사이트제작
- 홈페이지구축
- 웹에이전시
- CSS
- 쇼핑몰
- 홈페이지제작
- 커스터마이징
- 웹퍼블리싱
- plugin
- 플러그인
- 웹디자이너
- 개발자
- 3D프린터
- work6.kr
- PHP
- 쇼핑몰제작
Archives
- Today
- Total
목록Style (1)
그냥 개발자 블로그
[css] 패딩과 마진의 차이
웹퍼블리싱에서 패딩(padding)과 마진(margin)은 필수 요소이며 가장 많이 사용 됩니다. 따라서 비슷하지만 다른 패딩과 마진의 대한 이해가 꼭 필요 합니다. 예를 들어 다음과 같이 css 를 적용했다고 가정 합니다. padding:20px;margin:20px;border:1px solid #fff;display:inline-block;width:200px;height:200px; html에는 다음과 같이 적용됩니다. 패딩(padding)은 div 요소 안쪽에 공간을 만들며, 마진(margin)은 요소 밖에 공간을 만듭니다. 따라서 패딩을 사용한 경우 div의 가로 세로 크기 200px 보다 영역이 커지며, 마진을 사용한 경우에는 div의 가로 세로 크기는 200px 그대로가 되는것 입니다. 또..
퍼블리싱팁
2017. 5. 29. 13:50