HTML, CSS/CSS11 Text 관련 CSS 1. 텍스트 정렬 및 장식 (Text Alignment & Decoration)text-align역할: 블록 레벨 요소 내부의 글자와 인라인 요소들을 좌우 가운데, 왼쪽, 오른쪽 등으로 정렬합니다.예시: .container { text-align: center; /* 자식 텍스트와 인라인 요소를 가운데 정렬 */}text-decoration역할: 텍스트에 밑줄, 취소선, 오버라인 등을 추가하거나 제거합니다.주요 값:underline: 밑줄을 표시none: 텍스트 장식을 제거예시:a { text-decoration: underline; /* 링크에 밑줄 적용 */}2. 글자 간격 및 들여쓰기 (Letter Spacing & Text Indent)letter-spacing역할: 텍스트 글자 사이의 간격을.. 2024. 12. 13. CSS 선택자 별 점수 계산 방법 적용 순서:특이성(specificity): 아이디 선택자가 가장 높은 우선순위를 가지며, 그 다음으로 클래스, 속성, 가상요소, 마지막에 태그 선택자 순입니다.소스 순서: 동일한 특이성을 가진 규칙은 CSS 파일 내에서 나중에 작성된 규칙이 우선 적용됩니다.예를 들어, 위 코드에서 .logo와 #header .logo가 모두 적용될 수 있다면, 더 구체적인 #header .logo가 우선되어 노란색 테두리가 적용됩니다.1. 기본 CSS 초기화 (Universal Selector)목적: 모든 요소의 기본 마진과 패딩을 제거하여 일관된 스타일링의 출발점을 제공합니다.예시:/* 전체 선택자: CSS 초기화에 사용 (모든 요소의 margin, padding 제거) */* { margin: 0; padding.. 2024. 12. 12. 이전 1 2 다음
