반응형 💻 1. 웹개발_Front end/1-3 CSS18 [CSS] 01-3 주요 선택자 1. 전체 선택자 – 모든 요소에 스타일 적용하기 ① 정의한 스타일을 모든 요소에 적용할 때 사용 ② 전체 선택자로는 *(별표)로 사용 ③ * {속성:속성 값; 속성:속성 값...} ④ 전체 선택자는 문서의 여백이나 글꼴 크기 등 기본 스타일을 초기화할 때 사용 브라우저의 기본 마진 값과 패딩 값 2. 태그 선택자 – 특정 태그를 사용한 요소에 스타일 적용하기 ① 특정 태그에 스타일을 적용하는 데 사용 ② 전체 선택자 다음으로 많은 요소들에 스타일 적용 가능 ③ 태그 { 스타일 } ※ 태그와 요소의 차이점 ① 기본형 : 텍스트 단락을 지정하는 p 태그 ② 위 소스에서 , 가 태그이고 ‘텍스트 단락을 지정하는 p 태그‘ 부분이 p 요소 ③ 따라서 스타일은 태그에 적용되는 것이 아니고 태그 안에 요소에 적용.. 2021. 9. 5. [CSS] 01-2. 스타일과 스타일 시트 1. 스타일과 스타일 시트 ① 스타일(style) : HTML 문서에서 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용 ② 스타일 시트(style sheet) : 스타일을 관리하기 쉽도록 한 곳에 모아놓는 것 2. 왜 스타일을 사용할까? ① 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있습니다. - HTML로는 웹 문서의 내용을 나열하고 CSS로는 웹 문서의 디자인을 구상하는 것이 웹 표준의 시작 - 웹 문서의 내용과 디자인을 독립적으로 수정 가능 - CSS Zen Garden 사이트 참고 CSS Zen Garden: The Beauty of CSS Design CSS Zen Garden: The Beauty of CSS Design So What is This About.. 2021. 9. 5. [CSS] 01-1 CSS 기초 1. CSS란 ① CSS(Cascading Style Sheets)는 HTML과 함께 웹 표준의 기본 개념이다. ② HTML이 웹 문서에 뼈대를 담당, CSS는 웹 문서의 디자인(살을 붙이는) 요소를 담당 ③ : 스타일 시트를 정의하는 태그 ④ * { 속성 } : 문서 전체에 스타일을 적용하는 전체 선택자 ⑤ . 스타일 이름 { 속성 } : class 속성으로 묶은 특정 부분에만 스타일을 적용하는 class 선택자 ⑥ # 스타일 이름 { 속성 } : id 속성으로 묶은 부분에만 스타일을 적용하는 id 선택자 ⑦ 이름1, 이름2, … { 속성 } : 여러 항목에 같은 스타일을 적용하는 그룹 선택자 2021. 9. 5. 이전 1 2 다음 반응형
