https://steady-record.tistory.com/entry/HTML-%ED%91%9C-table%EC%83%9D%EC%84%B1-%EC%83%89%EC%83%81-%EC%A0%95%EB%A0%AC-%ED%81%AC%EA%B8%B0-%EC%85%80%EB%B3%91%ED%95%A9 [HTML] table 태그 (생성, 색상, 정렬, 크기, 셀병합) 표, table 🔻표 생성 순서 이해하기🔻 [2행 2열 상자 만드는 순서] 1. 큰 틀 하나를 만든다. 2. 가로 길이가 전체 길이와 같고 세로길이는 전체 길이의 1/2인 틀 2개를 만든다. 3. 2에서 만든 틀의 가로 steady-record.tistory.com 테이블 구성요소에는 table, tr, th, td로 구성되어 있다고했는데 사실 정확..
style 적용시 선택자 또는 속성이 충돌 날 때가 있다. 🔻1. 선택자 충돌🔻 같은 선택자를 중복하여 스타일을 적용할 때 충돌이 난다. 위에서 아래로 스타일을 적용하므로 적용하는 속성이 다르면 그대로 스타일 적용이 된다. > 큰 문제가 되지않는다. 상자 🔻2. 속성 충돌🔻 동일한 태그를 선택한 식별자들이 동일한 속성을 지정한다면 충돌이 발생한다. 작성된 순서에 따라 마지막에 작성한 속성이 적용된다. 상자 🔻3. 선택자 우선순위🔻 속성 충돌이 발생하면 코딩 순서에 상관없이 선택자 간의 우선 순서에 따라 속성이 적용된다. 점수로 계산되어 높은 점수의 선택자가 적용된다. 🔻선택자 점수 계산🔻 정밀도가 높을수록 점수가 높다.(동급일때만) 하위 선택자 점수가 높아도 상위 선택자를 넘어설 수 없다. 태그 선택자 ..
CSS 문법 선택자 { 속성명 : 값; } 🔻CSS 선택자, Selector🔻 HTML 문서에서 특정 요소를 선택하여 스타일을 적용하는 방법을 지정한다. 1. 전체 선택자 '*' 기호로 모든 태그를 선택한다. * {} 2. 태그 선택자 HTML 요소의 이름을 사용하여 해당 요소를 선택한다. 예를 들어, p는 모든 요소를 선택한다. 장점 사용이 쉽다. 같은 태그를 일괄 적용한다. 생산성 및 유지보수성이 향상된다. 단점 : 같은 태그를 일괄 적용하기에 내가 원하는 영역을 정하는 것이 복잡하다. tag {} 3. ID 선택자 태그에 명시된 ID 속성을 검색해서 태그를 선택한다. id 생성 시, 영어+숫자 조합, 숫자로 시작 불가 원하는 태그를 직접 선택할 수 있다. id는 한 페이지 내에서 유일한 값이어야 한..
