728x90 Computer Science/Web4 [Web] .css에서 이미지 사이즈 조정이 안될때, Inline Style Testing # style.css전반적인 스타일을 담당하는. css 파일에 이미지를 넣어야 하는 경우 해당 코드에서 이미지에 대한 속성을 조정해 줄 수 있다. 다만 가끔씩 조정한 이미지의 속성이 html에서 적용이 제대로 되지 않는 경우가 발생하는데 빠르게 해결하는 방법은 html 자체에서 테스트를 해보는 것이다. 한마디로 이미지 속성 변경이 제대로 이뤄지지 않는 이유들 중에서 이미지 자체에 문제가 있거나 아니면 css와 html 코드 간의 연결 문제가 있는지 등을 확인해 보기 위해서 html 내에서 이미지 속성을 지정해 주는 것이다.# Inline Style Testing.css 파일에서 이미지를 설정해 준다고 가정했을 때 아래와 같이 코드가 작성되어 있을 것이다..logo { width: 500px;.. 2024. 11. 13. [Web] 로그인 페이지 (validateLogin) 포스트 난이도: HOO_Junior# body: login-container 부분은 스킵하고 로그인 페이지에 사용할 수 있는 간단한 와 2024. 8. 20. [Web] Visual Studio Code에서 웹페이지 만들고 실행시키기 포스트 난이도: HOO_Junior# Visual Studio Code이미 웹사이트를 만들어 보려는 브로들에게 있어서 Visual studio code (VScode)는 참 익숙한 존재일 수 있다. 그럼에도 모르는 분들을 위해서 간단히 설명하자면 마이크로소프트에서 개발한 통합 코드 편집 프로그램이다. IDE의 특성을 가지고 있으면서도 다양한 환경에서 개발할 수 있도록 개발자에 의해 커스터마이징이 가능하다는 게 가장 큰 장점이다. 한마디로 그냥 개발자가 원하는 방향대로 이것저것 코딩을 할 수 있는 프로그램이라고 보면 된다. 그래서 이번 포스트에서 살펴볼 웹사이트 만들고 데모로 실행시키는 방법도 VScode에서 해보려고 한다.# HTML 코드 만들기자, 우선 간단하게 html과 css 파일을 통해서 VSc.. 2024. 8. 13. [Web] 배경 이미지 크기 조정하기, background-size 배경 이미지 크기 조정하기, background-size 포스트 난이도: HOO_Middle # backgorund-size 링크를 통해서 배경 이미지를 가져온다면 사이즈마다 조정이 필요할 수 있다. 특히 원래 목적이 배경 이미지로 사용하기 위한 이미지가 아닌 로고와 같이 다른 용도의 이미지인 경우에는 사이즈 조정을 해줘야 그나마 봐줄만하다. 글쓴이처럼 웹 전문가가 아닌 이상 일일이 사이즈 조정이 귀찮기 때문에 cover나 contain 기능을 사용하면 쉽게 자동 조정이 된다. 그래도 나름 사이드 프로젝트 느낌도 나고 어쩌다가 웹을 건드려야할 때에는 왠지 모르게 신이 나는 건 글쓴이 또한 어쩔 수 없는 개발쟁이인가 보다. .bgimg { background-position: center; backgrou.. 2023. 7. 21. 이전 1 다음 728x90
