✨ !important는 항상 앞선다 ✨ This text is blue because of !important. 원래는 인라인이 내부 스타일시트보다 앞서지만 "!important"가 있기 때문에 해당 글씨는 파란색으로 적용된다.근데 우선순위를 교란(?)하기 때문에 많이 안 쓰는 것이 좋다.    ✨ Specificity가 높을수록 앞선다 ✨Specificity가 뭐냐? 여러 규칙들이 충돌할 때 우선순위를 정하기 위해 매긴 '우선 점수'라고 할 수 있다.아래 규칙을 활용해 점수를 계산하면 된다.  Inline Styles는 당연히 가장 우선순위가 높으니 1,000점이나 받는다. ID Selectors는 그다음이라고 했으니 100점을 받는다. 계속 반복,,그냥 앞에서 말한 것을 점수화한 것에 불과하고 별로..

✨ CSS 선택자의 우선순위 비교 ✨1️⃣ ID Selector 2️⃣ Class Selector, Attribute Selector, Pseudo-Class Selector 3️⃣ Type Selector, Pseudo-Element Selector 4️⃣ Universal Selector  This text is green. ID Selector는,html에는 "id=special"로 쓰고 css에는 "#special"처럼 "#(샾)"기호를 써서 지칭하면 된다.            This text is yellow. Class Selector는,html에는 "class=highlight"로 쓰고 css에는 ".highlight"처럼 ".(점)"기호를 써서 지칭하면 된다. [type="text"] {..

✨ 스타일 시트끼리의 비교 ✨1️⃣ Inline Style (인라인 스타일)  2️⃣ Internal Stylesheet (내부 스타일 시트)  3️⃣ External Stylesheet (외부 스타일 시트) This text will be red.   전체 html을 보자면,,  This is a heading This paragraph is styled by an internal stylesheet. This paragraph is styled by an inline stylesheet and will be red.  inline style은 body 내부의 해당 태그에 직접 쓰면 된다. internal sheet는 head에 안에 주저리주저리 쓴다. external sheet는 ..

답을 먼저 하자면 아니다.그냥 그런 예시들만 주구장창 나오기 때문에 다르게 값을 입력해도 되는지 잘 모르는 뉴비들을 위한 포스팅이다.    label과 input을 사용할 때,label의 for 값과, label에 지정된 input의 id 값과, name 값과, value 값이 같거나 비슷하게 설정되는 경우가 있다. 꼭 그래야 할까?그래야 하는 것도 아닌 것도 있다. 확실한 구분을 하기 위해 무엇과 무엇이 대응되는지를 알아보자!            사용자 이름:  label for = "username"은 input id = "username"과 대응된다.id는 고유 식별자로서 document 내에서 다른 것과 겹치면 안 된다. 정확히 그 대상을 "식별"하는 것이다. 따라서 이렇게 바꿔볼 수 있다.  사..

IP 주소(IP Address)는 인터넷 세상에 각 디바이스가 위치한 '집 주소'를 나타냅니다.포트 번호(Port Number)는 집(디바이스) 안에 있는 '방 번호'를 나타냅니다.  웹사이트를 방문하는 경우를 봅시다.◾ "example.com"라는 주소 입력◾ 해당 주소가 IP 주소(ex. 93.184.216.34)로 바뀜 👉 해당 웹사이트가 어디에 있는지 '집 주소'를 찾아내는 과정◾ 해당 주소에 있는 🙋‍♂️ port 80 (HTTP 접속을 할 때는 보통 80번 사용)에 접근 👉 건물(IP 주소)에 접근했으면 해당 서비스(웹 브라우저 접속)를 담당하는 방(포트)에 진입해야 함    🙋‍♂️ 상대의 포트 80에 접근하기 위해 내가 사용하는 포트는 몇 번일까?👉 동적 포트를 사용하기 때문에 그..