사이트 관리 담당자가 되서... 수정을 해야하는데 도움좀 받을수 있을까요... 채택완료

갑자기 사이트 관리 담당이 되서... 수정을 해야 하는데 도데체 저기에 해당하는 내용을 못찾겠어서요.

CSS에 있는 클래스로 전체 파일을 검색해서 찾았는데 메인리스트 클래스로 묶여있는 태그가

html로 작성된게 아니라 php 와 js 로 되어 있는데 html 코드 없이 php 와 js 로도 화면구성이 가능한가요?

전 여태 html로 화면구성 하고 그 다음 js로 꾸며주고 php로 서버와 연동하는줄 알았는데....

만약 php 나 js 로 화면구성이 가능하다면 저 CSS에 있는 li나 ul 태그 안의

내용의 위치를 변경해야 할 때 찾는 방법이 있을까요...

CSS코드

.main-list {width:100%; margin-bottom:50px;}
.main-list > div {width:1200px; margin:0 auto;}
.main-list > div > ul {width:100%; margin-top:20px; overflow:hidden;}
.main-list > div > ul > li {float:left; width:23%; margin:1%; padding:10px 10px 0px 10px; text-align:center; border:#C1C1C1 1px solid;}
.main-list > div > ul > li > ul {width:95%; margin:10px 0 15px 0; height:53px; overflow:hidden;}
.main-list > div > ul > li > ul li:nth-child(1) {float:left; width:29.3%; }
.main-list > div > ul > li > ul li:nth-child(2) {float:left; width:29.3%; padding:17px 15px 17px 0; font-size:14px; font-weight:bold; color:#fff; background:url('/main/img/circle_b53_bg.jpg') no-repeat;}
.main-list > div > ul > li > ul li:nth-child(3) {float:left; width:29.3%; padding:17px 15px 17px 0; font-size:14px; font-weight:bold; color:#fff; text-align:center; background:url('/main/img/circle_g53_bg.jpg') no-repeat;}
.main-list > div > ul > li > div {transition:0.7s; cursor:pointer;}
.main-list > div > ul > li > div:hover {opacity:0.4;}
.main-list > div > ul > li > div h1 {font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px;}
.main-list > div > ul > li > div h3 {margin-top:5px; font-size:16px; font-weight:bold; line-height:16px; color:#999; text-decoration:line-through;}
.main-list > div > ul > li > div h4 {margin-top:10px; font-size:30px; font-weight:bold; line-height:30px; color:#ea002c;}
.main-list > div > ul > li > div h4 span {font-weight:normal; font-size:20px; font-weight:bold; line-height:30px;}
.main-list > div > ul > li > div div {margin:0 0 10px 0;}
.main-list > div > ul > li > div div a {display:block; padding:15px 10px; font-size:16px; font-weight:bold; border-radius:10px; color:#fff; line-height:14px; letter-spacing:-1px; background-color:#0000FF;}
.main-list .main-list-btn {text-align:center; margin-top:10px;}
.main-list .main-list-btn a{display:inline-block; width:120px; height:40px; line-height:40px; font-size:14px; font-weight:700; color:#fff; background:#222; border-radius:20px;}
.main-list .main-list-btn a:hover{background-color:#fc3e4d;}