2009-09-10 4 views
6

마크 업 외부의 모든 프리젠 테이션 요소를 외부 .css 파일로 유지한다는 개념을 이해합니다.스타일 속성 대 설정 ID 및 외부 CSS

ID와 외부 CSS를 설정하는 것과 스타일 속성을 사용하는 것을 정당화 할 수있는 상황에 대한 느낌을 얻고 싶습니다.

이 기사에서는 스타일 속성을 많이 사용했는데 일반적으로이 요소를 사용하여 해당 요소와 관련된 모든 프레젠테이션 항목을 지정하고 외부 CSS 파일을 가져 오는 모든 요소에 대한 내용을 지정합니다. 내 위치를 재평가하고 앞으로 최선의 선택을하십시오.

답변

2

정적 정의에 외부 CSS를 사용하십시오. 런타임시 변경되는 항목이나 CSS가 원하는 것을 수행 할 수 없기 때문에 Javascript가 필요한 요소 ID 조회 및 스타일 속성을 사용하십시오.

후자의 좋은 예는 CSS 3 selectors에 대한 jQuery를 이전에 광범위하게 지원 얼룩말 스트라이핑이었다

$(document).ready = function() { 
    $("table tr:nth-child(even)").addClass("striped"); 
}); 

오늘, 당신은 정적 CSS에서,하지만 옛날에에서하고 있다고 할 수있다 Javascript가 최선의 선택이었습니다.

+0

마크 업에서 요소의 ID를 설정 한 다음 외부 CSS에서 # 기호를 사용하여 스타일을 지정하여 Javascript를 통해 변경하는 것을 제외하고 모든 것을 권장합니다. – Nate

+1

일반적으로 그렇습니다. 가끔 일회성 작업을 할 때 단일 태그에 스타일 속성을 첨부하거나 파일 당 스타일링을 위해 단일 HTML 파일의 헤더에 짧은