<![CDATA[<div id="id_gtvJS">]]> <![CDATA[<div id="id_vIUcA">]]> <![CDATA[<div id="id_WMZxt">박스</div> ]]> <![CDATA[</div> ]]> <![CDATA[</div>]]>
<![CDATA[ <style> ]]> <![CDATA[#id_gtvJS{]]> <![CDATA[position:relative;]]> <![CDATA[width:100%;]]> <![CDATA[overflow:hidden;]]> <![CDATA[box-sizing:]]> <![CDATA[border-box]]> <![CDATA[} ]]> <![CDATA[#id_vIUcA{]]> <![CDATA[position:relative;]]> <![CDATA[width:100%;]]> <![CDATA[box-sizing:border-box;]]> <![CDATA[max-width:1200px;]]> <![CDATA[margin:0px auto;]]> <![CDATA[padding:0px 15px]]> <![CDATA[}]]> <![CDATA[ #id_WMZxt{]]> <![CDATA[position:relative;]]> <![CDATA[width:100%;]]> <![CDATA[box-sizing:border-box ]]> <![CDATA[} ]]> <![CDATA[</style> ]]>
위와 같은 완전한 소스코드를 만드는 방법은 CMS 라이브 편집에서 아래와 같이 하는 것이 전부입니다.
1. 박스(one) 버튼 클릭
2. 박스(two) 버튼 클릭
3. 편집창에서 두번째 박스 텍스트를 클릭한 후
4. 박스(three) 버튼 클릭 그리고,
5. css생성 버튼 클릭
6. 풀화면(반응형 사이즈) 선택하고, css(리셋)복사 버튼 클릭
하면. 소스코드가 자동생성되고, 코드창에 자동 복사됩니다.
모든 Html, Css 소스코드가 위와 같은 방법으로 버튼 클릭과 숫자(값) 입력으로 자동생성됩니다. 이 소스코드는 사용자가 일일히 확인할 필요없지만, 좀 더 전문적인 코딩이 가능한 사용자라면 코드창에서 확인하고 추가 편집할 수도 있습니다. 이것이 세번째 차이점입니다.
