본문 및 (*) CSS의 속성

은 body 속성이고 * 속성은 다릅니다.본문 및 (*) CSS의 속성

나는 항상 body과 html 속성을 사용합니다. body 및 html과 함께 * 속성을 사용할 수 있습니까? 및 * 및 body 속성은 어떻게 다릅니 까? 두 속성을 모두 사용해야하는 이유는 알 수 없습니까?

내가 그 중 하나를 사용하는 경우 그 어떤 문제를 생성합니까? 내가 텍스트의 테이크 배경을 연결할 때

내가이

*{ 
    margin:0; 
    padding:0; 
    background:#FFF; 
}

및 신체

body, html{ 
    margin:0; 
    padding:0; 
    background:#FFF; 
    font:normal 12px verdana; 
    color:#0086ca; 
}

를 사용합니다. 그리고 배경을 제거 할 때 bg 색상을 사용하지 않았습니다.

출처

2010-06-26 Kali Charan Rajput

다른'*','html' 또는'body' 속성은 없습니다. 당신은 다른 CSS 규칙의 예제를 줄 수 있습니까? – Kobi

몇 가지 예를 보여 줄 수 있습니까? 또한'*'에 대해 어떤 특별한 유스 케이스가 있습니까? –

@kobi, pekka 내 질문을 편집했습니다. 내 조건에 –

* (별표) - 와일드 카드는 DOM의 해당 부분에있는 모든 요소를 선택한다는 의미입니다. 그것은 모든 요소에 영향을 미치는 보편적 인 규칙입니다. 예를 들어 :

여백 모든 HTML 구성 요소가 그 특성을 갖습니다

* { 
    margin: 10px; 
}

페이지에있는 모든 요소입니다. (그들은 동일한 속성을 받고되지 않습니다.)

출처

2010-06-26 10:27:02

Priority> 동일한 속성을 가진 두 명령어가'*'와'body' (또는 다른 어떤 요소)에 대해서 정의되어 있다면, 요소에 대해 정의 된 것보다 높은 우선 순위 (더 많은 가중치)가 주어지며 해당 값이 나타납니다. – FelipeAls

body가 <body> 태그에 적용 *이 에 적용하면서 -

몸은 body 태그 ... 태그 내의 요소는 영향을받지 않습니다에 영향을 모든 태그. 차이의 예는 다음에서 볼 수있다 :

body { margin: 2cm; }

* { margin: 2cm; }

제

대 본체에게 마진을 제공 - 상기 제는 모든 소자 마진을 준다. 한편

다음 코드 : CSS는 스타일을 계단식 을 사용하기 때문에

body { font-family: Courier; }

즉 중첩 된 태그가 부모로부터 특정 스타일의 속성을 상속, 전체 문서의 글꼴 패밀리를 변경합니다 -이에 대문자, 폰트.

출처

2010-06-26 10:31:08

CSS에서 *을 사용하면 모든 요소가 일치합니다. 페이지를 구성하는 모든 요소를 대상으로하기 때문에 혼자 사용하는 것은 거의 유용하지 않습니다.

에 대한이 같은 HTML 코드가있는 경우 : 텍스트 "이름 :"영향을 미칠 것이다 몸 설정

<html> 
<head> 
    <title></title> 
    <style> 
    body { font-size: 50px; } 
    </style> 
</head> 
<body> 
    <div> 
    <form> 
     Name: <input type="text"/> 
    </form> 
    </div> 
</body> 
</html>

글꼴 크기를하지만, 같은 입력 요소의 글꼴 크기에 영향을 미치지 않습니다 기본적으로 특정 크기로 설정되어 있습니다.

이제 * { border: 10px solid red; font-size: 100px; } 스타일을 추가하면 본문, div, 양식 및 입력 요소에 경계선이 표시되고 텍스트와 입력 요소 모두 글꼴 크기를 갖게됩니다.

* 선택은 다른 선택기와 함께 더 유용, 특정 요소에 하위 요소를 선택처럼 : html로 몸과 요소에 사용할 무엇에 관한

#Menu > * { float: left; }

, 당신은 단지를 설정해야 margin, padding 및 body 요소에 대한 배경.

출처

2010-06-26 10:43:11 Guffa

@kc : 아니오, 확실히 필요한 것은 아닙니다. 거의 사용되지 않으며, CSS 해킹 (* html 해킹)에 주로 사용됩니다. 나는 결코 그것을 아무것도 사용하지 않았다. – Guffa

본문 및 (*) CSS의 속성

답변

관련 문제