1. 우선순위를 높이는 방법CSS의 우선순위를 높이기 위해 보다 구체적인 선택자를 사용할 수 있다. 기존 코드.remove-recipient-btn {} 수정된 코드.selected-recipients .recipient-box .remove-recipient-btn {}상위 규칙보다 우선하도록 선택자를 구체적으로 작성한다. 2. !important를 사용하는 방법만약 CSS 우선순위를 높이기 어렵다면, !important를 사용하여 강제로 스타일을 적용할 수 있다..remove-recipient-btn { background: none !important; border: none !important; outline: none !important; ...} 3. CSS 변수나 상속 차단상..
Front-end/HTML&CSS
1. CSS 개요CSS(Cascading Style Sheets)는 웹 페이지의 스타일과 디자인을 정의하는 스타일시트 언어이다. HTML이 웹 페이지의 구조와 콘텐츠를 정의하는 반면, CSS는 콘텐츠의 레이아웃, 색상, 글꼴, 간격 등의 시각적 표현을 제어한다. CSS를 사용하면 웹 페이지의 스타일을 중앙 집중식으로 관리할 수 있어 유지 관리가 용이하다. CSS 적용 방식에는 내부 스타일 시트, 외부 스타일 시트, 인라인 방식이 있다. 내부 스타일 시트는 태그를 사용해 HTML 내부에 작성하고, 외부 스타일 시트는 CSS 파일을 연결하여 적용한다. 인라인 방식은 HTML 요소의 style 속성을 통해 개별적으로 스타일을 지정한다. 예시) 2. CSS 선택자CSS 선택자는 특정 HTML 요소를 선택하..
1. HTML 개요HTML(HyperText Markup Language)은 웹 페이지를 작성하는 표준 마크업 언어로, 웹 페이지의 구조와 콘텐츠를 정의하며 웹 브라우저는 이를 해석하여 사용자에게 시각적으로 표시한다. HTML 문서는 요소(Element)라고 불리는 태그(Tag)를 사용하여 작성되며, , 2. 글자 관련 태그HTML에서는 다양한 글자 표현을 위해 여러 태그들을 사용한다.제목 태그: 에서 까지 있으며, 숫자가 클수록 글자 크기가 작아진다.단락과 줄바꿈: 는 단락을 만들고, 은 줄바꿈을 한다.강조와 인용: , 는 글자를 굵게, , 는 기울임을 표시한다. 와 는 인용할 때 사용한다.예시)첫 번째로 큰 제목이 문장은 강조된 텍스트와 기울임 텍스트로 구성됩니다.이것은 인용문입니다. ..