본문 바로가기

프론트엔드개발/HTML,CSS,BS

[CSS]step.13 CSS 중급 position 이해

 

[position] - 특정 태그를 지정하고싶을때 사용 top /  bottom / left / right

position: fixed; // 상단에 고정 시킬때 사용함

    .box2 {
                background: #3B9CD9; // 파란색 상자
                position: fixed; // 상단에 고정 시킬때 사용함
                top: 50px; // 위에서 50px
                left: 400px; // 왼쪽에서 400px 부터 시작함
            }

 

 

 

[플러그인 추천 beauty ] -   코드를 보기 좋게 자동으로 indetation(들여쓰기 정렬) 해주는 기능

 

드래그 선택후 cmd + shfit + B( 키보드)

 

 

beauty 적용하기  전

 

 

beauty 적용 후

 

 

 

 

 

====================================================

출처: IT UP, 코딩이 처음이어도 괜찮아! 진짜 입문자를 위한 웹개발과 IT 기초 지식
https://itup.co.kr/rv1/k-digital/main/lecture/info?course_uid=912417&education_uid=52212

잔재미코딩

https://www.fun-coding.org/

반응형