css랑 html 연결 왜 안되는 겁니까

Question

플라스크로 파이썬에서 웹개발 입문하는 초보인데html 파일이랑 css 파일이 연동이 안되는 것 같은데 제가 뭘 잘못했는지 모르겠어요 ... ㅜㅜhtml 파일이 저장된 폴더 안에 동등한 위치에 css 파일 저장했고 태그 사용해서 올바르게 css 파일 불러와주었는데 막상 적용이 되지 않네요 .... 밑에는 HTML 코드고요 Bootstrap demo

School Lab Fridge!

Experiment Helper provides clear guidance for conducting experiments
by utilizing the GPT model based on a database of equipments and
materials in the laboratory.

밑에는 css 코드입니다.@charset "UTF-8";body{ font-family: Arial, sans-serif;}.search{ position: relative; width: 300px; } .input { width: 100%; border: 1px solid #bbb; border-radius: 8px; padding: 10px 12px; font-size: 14px; } .img { position : absolute; width: 17px; top: 10px; right: 12px; margin: 0; }

kenu,전독시 · Answer

이걸 원하시는 것인가요?

MungGaeDev · Answer

css 에서 . 은 Class를 선택해요. 아마 img랑 input은 tag를 선택 하려 하신것 같은데앞에 .을 때면 됩니다.@charset "UTF-8"; body{ font-family: Arial, sans-serif; } .search{ position: relative; width: 300px; } input { width: 100%; border: 1px solid #bbb; border-radius: 8px; padding: 10px 12px; font-size: 14px; } img { position : absolute; width: 17px; top: 10px; right: 12px; margin: 0; }

kenu,전독시 · Answer

이걸 원하시는 건가요?

kenu,전독시 · Answer

@charset "UTF-8"; body { font-family: Arial, sans-serif; } .search { margin: auto; width: 300px; border: 1px solid #eeea; } .search input { width: 80%; border: 1px solid #bbb; border-radius: 8px; padding: 10px 12px; font-size: 14px; } .search img { width: 17px; top: 10px; right: 12px; margin: 0; }

css랑 html 연결 왜 안되는 겁니까

4개의 답변

#flask 목록