아하

생활

생활꿀팁

완강한나비87

완강한나비87

css 태그 명령어 우선순위?

독학으로 css와 html을 공부하고 있습니다.

css 클래스와 아이디를 설정한 후 div, p, span 등의 명령어로 설정하여 주고 있는데 저 세 명령어의 차이점이 궁금합니다.

    3개의 답변이 있어요!

    • 프알못

      프알못

      div는 div 태그에 적용되고
      p는 p 태그에 적용되고
      span은 span 태그에 적용됩니다.

      이런 건 CSS의 명령어가 아닌 선택자(Selector)라고 합니다.
      자바스크립트 document.querySelector에서도 사용할 수 있습니다.

      알아두면 유용합니다 :D


      질문 제목이랑 질문 내용이 다른데, 위는 질문 내용에 대한 답변이고 질문 제목에도 답변하자면


      CSS에서 어떤 스타일을 적용할지 우선순위는 Specificity라는 것에 의해 결졍됩니다.

      태그를 지정하면 1점, 클래스를 지정하면 10점, 아이디를 지정하면 100점... 이런 점수를 매겨서
      그 요소에 적용할 수 있는 스타일이 여러개라면 그 중에서 점수가 가장 높은 스타일을 적용합니다.
      점수(Specificity)가 같다면 마지막에 지정된 스타일을 우선 적용합니다. (참고 : CSS Specificity)

    • 하얀고슴도치236

      하얀고슴도치236

      기본적인 html 및 css 에 대한 이해가 더 필요하신 상황으로 보입니다.

      아래 가장 기본적이며 대중적이고 쉽게 잘 정리되어있는 URL 몇가지 첨부드립니다.

      https://www.w3schools.com/

      html, CSS 등에 대한 가장 대중화되고 정식적인 문서화 자료입니다.

      https://www.opentutorials.org/course/1

      초심자가 입문하기에 가장 좋게 설명되어있는 생활코딩 페이지입니다.

    • 수줍은이구아나17

      수줍은이구아나17

      찰떡같이 알아듣고 대답해보자면 css태그명령어가 아니라 html태그라고 보시면 되겠습니다.

      p태그는 Paragraph의 약자로써 문단이라는 뜻을 가지고 있고 줄 바꿈 기능을 가지고 있습니다.

      다른 줄바꿈 기능을 가지고 있는 태그로 br태그가 있으며, 사용방법은 서로 다릅니다.

      <p>내용</p>

      내용<br>

      위처럼말이죠. br은 엔터치는것과 같다고 생각하시면됩니다.

      div는 division의 약자로 영역을 나눈다는 의미를 가지고 있습니다.

      한 페이지 내에서 영역을 지정하죠

      span은 가로와 세로의 크기를 따로 줄 수 없으며 자기내부의 크기만큼 공간이 지정됩니다.