비주얼 스튜디오 코드 외전

한줄코딩으로 단축키를 활용할 수 있다.

빨리 코딩 가능!

 

- case1

div>ul>li*3 

div>ul>li*3

<div>

       <ul>

             <li></li>

             <li></li>

             <li></li>

       </ul>

</div>

a>img>span{바로가기}

a>img>span{바로가기}

<a href="#">

        <img src="images/shortcut.jpg" alt="바로가기">

       <span class = "sctext" >바로가기</span>

</a>

- case2

#modal>.modal_up>.uptitle+.upbody+.btn{닫기}

<div id="modal">
        <div class="modal_up">
            <div class="uptitle"></div>
            <div class="upbody"></div>
            <div class="btn">닫기</div>
        </div>
    </div>

 

반응형 확인 시 사이트에 반응형 크기로 보는것이 좋다.

웹접근성 연구소 (wah.or.kr)

 

웹접근성 연구소

웹표준사이트 참고할 때 좋음 

 

웹퍼블리셔

css에서 활용한 요소 확인 가능

인포메이션에서 위치별 코드 확인 가능