목록CSS (2)

개미의 개열시미 프로그래밍

[짧게 정리하는 CSS] 4가지 포지셔닝

CSS 포지셔닝이란? HTML의 엘리먼트 위치를 제어하는 방법 레이아웃을 설계하는데 중요한 속성 포지셔닝의 4가지 종류 : CSS의 position을 지정하여 위치를 지정할 수 있다. 1. static position속성의 기본값 엘리먼트 나열 순서대로 배치 2. relative 부모 엘리먼트를 기준으로 위치가 정해짐 3. absolute 부모 엘리먼트 중에 relative타입이 지정된 부모를 기준으로 위치가 정해짐 부모 엘리먼트와 연결성이 끊겨 해당 엘리먼트는 자신의 컨텐츠 크기만 해짐 부모 엘리먼트 또한 자식 엘리먼트를 없는 셈 친다. 4. fixed absolute와 같이 자신의 컨텐츠 크기가 된다는 점 특정한 엘리먼트를 화면에 고정시켜서 스크롤로부터 완전히 독립 [참고자료] https://open..
WEB 2022. 3. 2. 21:31
01. 웹 표준 사이트 만들기

웹을 구현할때 스스로 레이아웃을 구성하거나 css문법에 어려움을 겪던 중 추천 받은 유투브 영상을 보고 학습을 시작했다. https://www.youtube.com/watch?v=tHy498wdPaA&list=PL4UVBBIc6giKixok-bC7XVEx0ZFsngr5Z&index=1 [구현하고 싶은 페이지 화면] 이번 졸업프로젝트에서 위 이미지와 같이 포스기화면을 구현하면 좋을 것 같았고 이미 만들어놓은 페이지로는 부족하다고 생각했다. Brackets이라는 에디터를 설치해서 편하게 공부할 수 있었고 나중에 react로 구현할때에는 js안에 구현해야 하기 때문에 그 부분만 유의해주면 될 것 같았다. 일단 레이아웃은 이렇게 구성했고 header 부분에는 현재 결제 진행단계, SIDE_LEFT에는 인식된 결..
WEB/웹 표준 사이트 만들기 2021. 6. 25. 17:34
Prev 1 Next