IMG 스타일링 CSS

Question

각각의 모든 이미지

style="padding: 0; margin: 0; display: block;" 

계속 추가하는 것이 좋습니다? 이 스타일 시트가로드되는 모든 이미지를 대상으로합니다

img { 
    padding: 0; 
    margin: 0; 
    display: block; 
} 

:

Answer 1

아니,이 같은 일을 외부 스타일 시트를 사용하는 것이 더 좋습니다. 이는 같은 기반 id으로,보다 구체적인 선택기를 사용하여 대체 할 수 있습니다 (img#theImageID 또는, 더 간단하게, #theImageID는 <img id="theImageID" src="path/to/image.png" />을 대상으로한다), 또는 기반 class (img.imageClass을하거나 다시 더 간단하게, .imageClass 전자는 선택합니다. : <img class="imageClass" src="path/to/image.png" /> 후자는 동일한 요소를 선택하지만 도 같은 클래스 이름을 가진 다른 요소)를 선택합니다. 때문에 영업 이익에서 응답/질문에

---

편집

:

[도] HTML 이메일의 경우?

HTML 전자 메일은이 규칙의 특수한 경우이며 HTML 전자 메일은 일반적으로 외부 스타일 시트를로드하거나로드 할 수 없습니다. 그리고 style 블록에 문제가있는 것 같습니다. 그렇다면 그럴 것입니다. 여전히 인라인 스타일을 사용해야합니다. 운수 나쁘게.

추가 읽기 :

• W3.org.
• SitePoint.

Answer 2

@David Thomas와 같이 인라인 클러 터를 막기 위해 외부 CSS 파일에서 수행하는 것이 좋습니다.

Answer 3

그것은 다음과 같은 스타일 속성을 가진 클래스를 만들 확실히 낫다 :이 인라인 스타일을 사용하지 않는 것이 좋습니다 왜

img.imageclass { 
    border: none; 
    margin: 20px; 
    padding: 10px; 
} 

합니다. 인라인 스타일을 사용하면 브라우저 특정 스타일 시트에서 해당 요소에 영향을 줄 수 없기 때문입니다. 예를 들어, 요소를 만들고 IE6에서 잘 보이게하기 위해 "조정"이 필요한 경우, 예를 들어 IE6 ​​특정 스타일 시트는 인라인으로부터 해당 요소에 대한 인라인 스타일을 명시 적으로 입력하면 작동하지 않습니다 작풍은 더 낮을 것이고 따라서 더 높은 우선권을 가질 것이다.