* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

세가지를 질문을 하고 싶은데요

첫번째로는 제가 알기로는 선택자라는 것을 할 때에

/* 태그를 선택자로 했을 때 */ p { color: orange; }

/* 태그를 id로 했을 때 */ #title { color: blue; }

/* 태그를 class로 했을 때 */ .item { color: red; }

이런 식으로 앞에 표현되는 샵이라던지 마침표라던지 다르게 표현이 된다는 것은 알고 있습니다.

제가 배우기론 div 태그 안에 속성을 id,class로 주로 하시던데 그것의 이유가 있나요?

그리고 저는 지금 p안에 속성으로 id ,class를 넣어보았는데 이게 문제가 있을까요?

일단 이렇게 해보니 div안에 속성으로 id,class를 넣지 않은게 화근인지 백그라운드 이미지가 자꾸 안 들어가든지 위치를 조정하는 코드를 넣어도 강사님께서 하시는 것 처럼 되지 않았습니다.

이러한 질문들을 통해 선택자에 대해서 더 자세히 알고 싶은 마음이 듭니다. 선택자는 보통 속성으로 태그 안에 들어가던데 그게 꼭 div태그로 국한 되는 가에 대한 질문이 있습니다.

두 번째로는 이미지를 지금 제공해주시는 url 뿐만이 아니라 다른 이미지를 활용해 보고 싶다는 생각을 가지게 됩니다.

무료 이미지는 어디서 구할지는 가르쳐주셔서 알게되긴 했으나 이것은 vscode안에 url로 집어넣으려니

아예 너무 길어서 코딩 안에 넣는 것이 상당히 불편하거나 스파르타코딩클럽에서 제공하시는 url주소 처럼 나오지 않게 됩니다.

그리고 그런 사이트들이 제공하는 것이 html코드 ,bb코드 이런 용어를 사용하던데 이것이 무슨 의미인지 알고 싶습니다.

html로는 링크를 집어넣을 수 있는 a태그가 활용되고 bb코드는 url주소가 뜨긴 떴습니다. 그리고 <link src=>에서 의미하는 source의 의미는

무엇인지 궁금합니다. 그 이미지를 가지고 있는 사이트의 주소인지 궁금합니다.

그리고 이미지를 url로 바꾸는 그게 아니라면 <link src= >로 활용되는 것에서 사용할 수 있는 그러한 사이트가 있다면 알려주셨으면 좋겠습니다.

세번째로는 제가 지금 이렇게 코드를 짜서 만들 때 btn1으로 css로 꾸몄을 때 앞에 있는 부분하고 코드가 그렇게 다르지는 않은데

크기가 저는 width로 조정했다고 생각하는데 sec로 꾸몄던 것은 width로 그렇게 국한을 시킬수 있었는데

btn1으로 꾸몄던 것은 width로 제한을 걸었는데도 불구하고 너무 옆으로 길어지던데 이것의 이유를 알고 싶습니다.

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황

을 이해할 수 있어요.