본문 바로가기

CSS적용2

[CSS] HTML에 적용하기 + 우선순위 CSS(Cascading Stylesheets – 종속형 스타일시트) 를 HTML에 적용하는 방법 Inline style 인라인 스타일 시트: html 태그 속성에 입력 스타일 적용 태그 즉시 확인 가능 한번에 하나의 태그에만 적용 가능 전체 코드 가독성 나쁨 관심사 분리 불가능 예를 들어서 p태그에 적용하면 그 다음에 생성되는 p태그에는 모두 같은 CSS가 적용되는 것을 주의!! 따라서 어떤 태그에 공통적인 스타일을 주고 싶을 때 주로 사용한다. 안녕하세요. Hello. body { display: contents; } Internal style 내부 스타일 시트 : External style 외부 스타일 시트 : CSS 파일 만들어 불러오기 전체 코드 가독성 향상 유지보수 용이 태그와 CSS 연결 필.. 2023. 1. 4.
[CSS]선택자 CSS 선택자(Type selectors) 는 규칙 내의 CSS 속성값을 적용하기 위해 어떤 HTML 요소를 선택해야 하는지 브라우저에 알려주는 요소 및 기타 용어의 패턴 https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Selectors CSS 선택자 - Web 개발 학습하기 | MDN CSS 에서, 선택자는 스타일을 지정할 웹 페이지의 HTML 요소를 대상으로 하는 데 사용됩니다. 사용 가능한 다양한 CSS 선택자가 있으며, 스타일을 지정할 요소를 선택할 때 세밀한 정밀도를 허용합 developer.mozilla.org 이제 선택자에 대해서 알아보자!! 복합선택자 일치선택자 /* 두가지 조건을 동시에 만족하는 요소 선택 */ span.c.. 2022. 12. 16.