일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- #쇼핑몰
- CGIMALL
- CSS
- happycgi
- #image
- 해피CGI
- #홈페이지
- 웹솔루션
- #홈페이지제작
- php
- 홈페이지제작
- #happycgi
- #해피CGI
- 솔루션
- 게시판
- 사이트제작
- #업종별
- jquery
- #jQuery
- 홈페이지
- 해피씨지아이
- #웹솔루션
- 쇼핑몰
- #cgimall
- #이미지
- #동영상
- javascript
- #뉴스
- #CSS
- #솔루션
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] CSS에서 웹페이지 전체에 스타일을 적용하는 (*) 표시 본문
CSS에서 와일드카드라 불리우는 것으로,
모든 요소에 스타일을 적용하겠다는 의미입니다.
페이지에 일괄적으로 패딩이나 마진을 주고자 할 경우에 유용하게 사용가능한 팁입니다.
* {
margin: 0;
padding: 0;
}
모든 HTML 요소의 여백과 채우기를 0으로 재설정합니다.
일부 브라우저는 이미 기본 작업을 수행 할 수 있지만,
작업을 수동으로 다시 설정하는 것이 좋습니다.
CSS에는 스타일 외에도 모든 웹 페이지에
적용되는 기본 스타일이 있습니다. 이러한 기본 스타일은
<h1>, <li>, <p>, <table> 등의 요소에 대해 특정 padding 및
margin 값을 정의 <h1>, <li>, <p>, <table> .
성가신 점은 페이지를 올바르게 보이게하려면이 스타일을 재정의해야하는 경우가 종종 있습니다. 모든 브라우저 제조업체가 기본값에 동의하는 것은 아닙니다. 종종 대부분의 개발자는 모든 padding 및 margins 을 zero 으로 재설정하는 것이 가장 쉬운 방법이므로 모든 것이 예상대로 작동합니다. * 는 wildcard 선택자이며 모든 요소 유형과 일치합니다. 기본적으로 스타일은 모든 패딩 / 여백을 모든 요소에 대해 0으로 재설정하여 모든 기본 스타일을 제거한다고 말합니다.
출처 : code.i-harness.com
작업을 수동으로 다시 설정하는 것이 좋습니다.
CSS에는 스타일 외에도 모든 웹 페이지에
적용되는 기본 스타일이 있습니다. 이러한 기본 스타일은
<h1>, <li>, <p>, <table> 등의 요소에 대해 특정 padding 및
margin 값을 정의 <h1>, <li>, <p>, <table> .
성가신 점은 페이지를 올바르게 보이게하려면이 스타일을 재정의해야하는 경우가 종종 있습니다. 모든 브라우저 제조업체가 기본값에 동의하는 것은 아닙니다. 종종 대부분의 개발자는 모든 padding 및 margins 을 zero 으로 재설정하는 것이 가장 쉬운 방법이므로 모든 것이 예상대로 작동합니다. * 는 wildcard 선택자이며 모든 요소 유형과 일치합니다. 기본적으로 스타일은 모든 패딩 / 여백을 모든 요소에 대해 0으로 재설정하여 모든 기본 스타일을 제거한다고 말합니다.
출처 : code.i-harness.com
'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글
[해피CGI][cgimall] box - shadow 효과로 개체에 그림자 넣기 (0) | 2019.02.19 |
---|---|
[해피CGI][cgimall] 빈영역에 세로 및 가운데 정렬 tip (0) | 2019.02.11 |
[해피CGI][cgimall] 동적인 가로, 세로값 계산을 위한 clac CSS (0) | 2018.11.14 |
[해피CGI][cgimall] HTML5의 "Video" 태그 사용하기 (0) | 2018.10.22 |
[해피CGI][cgimall] 다양하고 재미있는 툴팁 소스입니다. (0) | 2018.05.03 |
Comments