<![CDATA[<div id="about8_sde_sec"> 박스들과 콘텐츠 들..... </div>]]>
위와 같은 박스(html 태그)가 있다고 가정하겠습니다. "about8_sde_sec" 라는 이름의 박스라는 것을 쉽게 이해할 수 있으므로,
"about8_sde_sec" 라는 이름이 갖고 있는 속성이 무엇인지만 알면 될 것입니다.
이 속성은 소스코드창의 css 에 있습니다. 소스코드창에 있다면 아래와 같을 것입니다.
<![CDATA[<style> #about8_sde_sec { position: relative; overflow: hidden; margin: 70px 0; } </style>]]>
또는 아래와 같은 링크 주소에 있을 수도 있습니다.
<![CDATA[<link href="https://dc.cmshom.co.kr/up/block/file/block_page/block_about8.css" rel="stylesheet">]]> 이 주소를 부라우저에서 열어보면 동일한 css코드를 확인할 수 있을 것입니다.
위와 같이 속성을 확인했다면 그 다음 무엇을 할 수 있을가요?
편집도구를 사용해서
<![CDATA[#about8_sde_sec { margin: 30px 0; } ]]>
라는 css 코드를 만든 후 소스코드창에 추가해주면 "about8_sde_sec" 의 아래위 간격 속성이 변경됩니다. 그것이 전부입니다.
쉽고 간단하게 모든 태그 속성 css 를 변경할 수 있다는 것과 이 변경이 다른 이름들이 갖고 있는 속성들과 충돌해서 디자인이 망가지지 않는 다는 점이 두번째 차이점입니다.
