사이트 들어왔을 때 디폴트로 어떤 값이 보이지 않게 처리

첫번째 질문

그 사이트에 들어왔을 대 버튼을 눌러야만 어떤 요소가 보이고 그냥 들어왔을 때에는 안보이도록 처리하는 작업에 있는데

그 요소가 .mypost 라고 가정했을 때

왜 그것을 css 단에서 수정하나요?

버튼을 눌렀을 때 > 어떤 요소가 보이게 하는 작업은 제이쿼리 문법으로 처리했는데

처음부터 보이지 않도록 처리하는 건 display : none; 으로 하더라고요..

제이쿼리 랑 css,html이랑 헷갈려서 ㅠㅠ 동작에 관련된건 제이쿼리 , 단순 틀 : Html, 꾸며주기 : css 아닌가요?

두번째 질문(추가)

파이참에서 html로 파일을 열어서 작업 중인데 제이쿼리도 써서 지금 코딩을 하고 있는데 개념이 헷갈려서 이게 가능한건가요?

지금 보면

python 파일

jupyther notebook

HTML 파일

스타일시트

JavaScript 파일

.nnnn 으로 .python .html 이런 식으로 확장자가 붙을 텐데 .jQuery는 왜 없나요? html 안에 종속되는 언어라서 그런걸까요? 넘 헷갈려요..