아이니그마

https://www.youtube.com/watch?v=67stn7Pu7s4&t=144s https://github.com/novb1492/study-css/blob/youtube/1.html GitHub - novb1492/study-css Contribute to novb1492/study-css development by creating an account on GitHub. github.com 글꼴/색보다는 레이아웃 위주로 완성했다 예전에 학원에서 javafx할때 레이아웃에 대해 배웠는데 그때는 이거 왜 배움? 생각 했지만 먼 훗날 쓸날이 있겠지 했다 그리고 한참 까먹고 있다 html css로 레이아웃 잡는데 큰도움이 되었다

Responsive Web-------------------------------- https://www.youtube.com/watch?v=8-uJ_4136uI flex grid/flext box/%/vw/vh/@meida활용 https://www.youtube.com/watch?v=X91jsJyZofw 반응형 네비바 만들어보기 새로배운점 1.ul태그 역시 flex로 제어하는게 좋다 2.justify-content사용시 각 박스 헷갈리는거 조심 ex) -가로가 줄어들시 nav 속성이 컬럼으로 바뀜 하지만 .links클래스의 속성은 row그대로임 이떄 중앙 정렬을 사용하려면 중심축을 건든는 justify-content를 사용해야함 처음에 헷갈려서 반대축 건드는 align-items사용 https://gi..

flex-box-------------------------------------------- https://www.youtube.com/watch?v=7neASrWEFEM&t=1161s 박스와 아이템들을 행그리고 열로 자유자재로 배치가능 컨테이너 속성값 display flex-~ justify-content align-~ 등 아이템 속성값 flex-~ order align-self 등 중심축 반대축 존재 좌에서우로 정렬시 수평축이 중심축 위에서아래로 정렬시 수직축이 중심축 컨테이너 속성값 flex-direction -row -중심축 수평축 -기본값 row 왼->오 -row-reverse 오->왼 순서도 바뀜 -column -중심축 수직 -기본값 위->아래 -column-reverse 아래->위 순서도 ..

강의 https://www.youtube.com/watch?v=jWh3IbgMUPI display-------------------------------------------- div=블럭레벨 span=인라인레벨 레벨에 따라 기본값이 다르다 그걸 display로 컨트롤한다 block=한줄에 하나씩 inline-block=한줄에 여러개 inline=내용이 있어야나옴 사용시 안의 내용에 물건의 크기에 따라 움직임 position-------------------------------------------- 포지션은 기본값이 static static=왼쪽위가 기준 relative=원래 자리에서 상대적이동 absolute=담겨있는 상자 기준으로 이동 fixed=상자에서 나와서 윈도우에서 움직임 sticky=스크..