CSS 문법 선택자 { 속성명 : 값; } 🔻CSS 선택자, Selector🔻 HTML 문서에서 특정 요소를 선택하여 스타일을 적용하는 방법을 지정한다. 1. 전체 선택자 '*' 기호로 모든 태그를 선택한다. * {} 2. 태그 선택자 HTML 요소의 이름을 사용하여 해당 요소를 선택한다. 예를 들어, p는 모든 요소를 선택한다. 장점 사용이 쉽다. 같은 태그를 일괄 적용한다. 생산성 및 유지보수성이 향상된다. 단점 : 같은 태그를 일괄 적용하기에 내가 원하는 영역을 정하는 것이 복잡하다. tag {} 3. ID 선택자 태그에 명시된 ID 속성을 검색해서 태그를 선택한다. id 생성 시, 영어+숫자 조합, 숫자로 시작 불가 원하는 태그를 직접 선택할 수 있다. id는 한 페이지 내에서 유일한 값이어야 한..
🔻HTML 문서에 CSS를 적용하는 방법🔻 1. 인라인 스타일 시트, Inline Style Sheet 태그안에 스타일 적용 장점 : 가독성이 높다. 단점 : 재사용이 불가능하다. Vs Code 설치하기 2. 내부 스타일 시트, Embeded Style Sheet 태그내에 서식을 명시한다. 문서 내의 여러태그의 서식을 일괄 적용할 수 있다. 장점 : 재사용이 가능하다. 단점 : 가독성이 낮다. See the Pen Untitled by 허수경 | 정보융합전공 | 한양대(서울) (@nscilehk-the-scripter) on CodePen. ❗3. 외부 스타일 시트, External Style Sheet❗ *.css 파일에 서식을 명시한다. 여러 HTML 파일에 스타일 적용이 가능하다. 장점 : 재사용..
🔻CSS, Cascading Style Sheets🔻 스타일 시트로 디자인을 담당한다. HTML 페이지의 서식을 만드는 언어이다. 독립 실행이 안되어 반드시 HTML 문서와 같이 사용해야 한다. HTML 서식 기능에서 확장되어 CSS 서식 기능이 만들어졌다. 🔻CSS 주요 역할🔻 1. 스타일링(웹디자인) HTML 요소(태그)들에게 스타일을 적용한다. 2. 페이지 레이아웃 요소들의 배치와 크기를 조절한다. 3. 반응형 웹 디바이스 크기에 맞춰 적절한 레이아웃과 스타일을 제공한다. 4. 웹 접근성 향상 시각 장애인을 위한 스크린리더 작업을 제공한다. 🔻CSS 중요성🔻 1. 시각적 표현 훨씬 더 완성도 높은 화면을 구현 할 수 있다. 2. 생산성 및 유지보수 용이성 향상 HTML와 서식을 분리시켜 작업함으로써..
