FireFox에서 Web Developer Toolbar를 사용하여 CSS 편집을 테스트합니다. 저는 IE에서 똑같이하고 싶습니다. IE8의 Developer Tool을 사용하면 다소 그렇게 할 수 있습니다.IE8 개발자 도구 - CSS 스타일 추가
그러나 나는 개발자 도구 만 편집 기존의 스타일을 스타일을 추가 할 수 - 당신의 친구들은 당신이 크리스 Pedericks 웹 개발자 도구 모음으로 할 수있는 것처럼 CSS를 편집 할 수있는 방법을 알고 있나요?
할 수 있습니다 :
저는 지금 Mac에 있지만 실제로 실행하고 있습니다.
개발자 도구의 오른쪽을 보면 CSS 스타일 목록이 표시됩니다. 위에서 스타일, 추적 스타일, 레이아웃, 속성과 같은 몇 가지 '탭'을 볼 수 있습니다. 을 정확하게 기억하면 스타일 탭에서 변경할 수 없습니다. 하지만 다른 탭 중 하나에서 변경할 수 있습니다. 스타일 속성을 통해 수정해야 할 수도 있습니다.
을 (이 CSS 파일에 한 줄을 추가하는 것과 같다)의 빈 공간을 클릭하고 규칙을 추가합니다.
Firebug Lite를 설정하려고 시도했지만 실제로 작동하지 않았습니다. - 버그가있는 것처럼 보입니다. ( – timkl
위에서 언급 한 Gabriel에 추가.
테스트를 신속하게 추가하고 효과를 확인하려면 약간 다릅니다.
HTML 탭을 선택하면 스타일, 자취 및 레이아웃 옆에있는 특성 패널을 선택하십시오.
"+"버튼을 클릭하고 추가하려는 CSS 스타일을 입력하기 시작하십시오. 새 스타일 속성은 DOM보기 패널에 자동으로 추가됩니다.
희망이 도움이됩니다. 단계에 따라
팔로우 : 당신이 4. 이름과 값을 추가 오른쪽에 3. 속성 탭 현재 CSS 를 추가하고자하는 개발자 도구 2. HTML에서 선택 요소 1을 클릭합니다. 스타일이 html 요소에 적용되어 있는지 확인하십시오.
그게 효과가 있습니다! 많이 thx :) – timkl
고마워. 분명히 IE8 개발자는 실제로이 도구를 만들 때 사용하지 않았습니다. – Simon
dev 도구의 요소에 인라인 CSS를 추가 할 때 인라인 CSS가 항상 줄 바꿈으로 인해 생기는 원인은 무엇입니까? – mmcrae