콘텐츠
HTML 요소에 적용된 CSS 선언 ( "Cascading Style Sheet")을 변경하면 복잡한 작업처럼 보일 수 있습니다. 그러나 체계적으로 접근하는 한 합병증없이 필요한 변화를 일으킬 수 있습니다. 단일 웹 페이지는 여러 소스의 스타일 속성을 사용할 수 있습니다. 이런 식으로, 당신의 초기 작업은 "div"에 대한 선언이 어디에서오고 있는지를 알아내는 것입니다. 일단 찾으면 HTML 또는 CSS 코드를 변경하여 요소에 영향을 미치지 않도록 할 수 있습니다.
지침
-
웹 페이지의 CSS가 저장된 위치를 확인하십시오. CSS 코드는 인라인으로 나타날 수 있습니다. 즉, 스타일 선언은 다음 예제의 구문과 같이 요소를 표시하는 일부로 나열됩니다. Content
이 코드가 "div"내에 있으면 해당 값을 사용하여 전체 "스타일"속성을 제거 할 수 있습니다. CSS 코드는 다음과 같이 페이지의 "head"섹션에 나타날 수 있습니다. body {background-color : # 000000;}
CSS 코드는 다음과 같이 페이지의 "head"섹션에있는 링크가있는 하나 이상의 별도 CSS 파일에도 나타날 수 있습니다.
-
페이지에 "head"섹션이나 별도의 파일에 CSS 코드가있는 경우 "div"요소의 스타일을 변경하려면 모든 CSS 코드를 검색해야합니다.
-
"div"요소를 참조하는 CSS 코드를 확인하십시오. CSS는 다음과 같은 요소 유형에 적용 할 수 있습니다. div {padding : 5px; }
페이지의 "머리 부분"이나 별도의 파일에 식별자 "div"가이 방법으로 사용 된 경우 CSS 블록 내부의 코드가 해당 요소에 영향을줍니다. "div"에 대한 효과를 변경하려면 코드가 사이트의 다른 "div"요소에 적용되도록하려면 "div"를 다른 요소 유형으로 변경할 수 있습니다. 또는 특정 클래스 속성이있는 "div"요소에만 적용되도록 CSS 코드를 변경하고이 속성을 CSS를 적용 할 "div"요소에 추가 할 수 있습니다.
-
요소의 클래스를 참조하는 CSS 코드를 확인하십시오. HTML 요소에는 다음과 같은 클래스 속성이 있습니다. 맨 위 내용
"div"에 class 속성이있는 경우 CSS 코드에서 속성의 값을 확인하십시오. 다음과 같이 자체 속성에 나타날 수 있습니다. .top {CSS 선언/ }
또는 요소 유형과 함께 다음과 같이 나타날 수도 있습니다. div.top {/CSS 선언/ }
그 중 하나가 나타나면 클래스 속성을 변경하거나 제거하여 선언을 요소에 적용하지 못하게 할 수 있습니다. CSS 코드를 제거하면 작업중인 요소뿐만 아니라 클래스가있는 다른 요소에도 영향을 줄 수 있습니다.
-
요소 ID에 대한 CSS 코드를 확인하십시오. 요소에는 다음과 같이 고유 한 ID 속성이있을 수 있습니다. 상위 내용
요소에 ID 속성이 있으면 CSS에서 다음 속성을 검색하여 검색하십시오.
제목
/CSS 선언/ }
ID가 고유해야하므로 각 페이지 내에서 ID 속성 값은 한 번만 표시되어야합니다. ID 속성 값을 변경하면 CSS 코드가 "div"요소에 영향을 미치지 않습니다. 선택적으로 CSS 코드를 변경하거나 제거 할 수 있지만 동일한 CSS 코드를 사용하는 경우 사이트의 다른 페이지에서 동일한 ID를 가진 요소에 영향을 줄 수 있습니다.
-
"div"의 부모 또는 자식 요소에 영향을주는 CSS 코드를 찾습니다. 상위 요소에 대한 CSS 코드는 "div"에 대한 반응을 갖기 때문에이 코드를 변경해야 할 수도 있지만 나머지 사이트에는 영향을 줄 수 있습니다. "div"내의 요소는 CSS 코드를 수정했을 수도 있습니다. 한 번에 각 하위 요소를 사용하여 작업하는 "div"자체와 동일한 방법을 사용하여 확인하십시오.
어떻게
- Firebug와 같은 브라우저 도구는 HTML 및 CSS 코드를 변경할 때 유용 할 수 있습니다.
공지 사항
- 기존 사이트의 변경으로 인해 예기치 않은 결과가 발생할 수 있습니다. 따라서 변경하려는 모든 파일의 복사본을 저장하는 것이 좋습니다.
