본문 바로가기
반응형

선택자3

부모,자식,형제 / 자손 선택자, 자식선택자, 인접 형제 선택자 부모와 자식 부모 요소는 그 요소를 포함하는 가장 가까운 상위 요소로, 그 요소의 부모 요소는 단 하나뿐 자식 요소는 부모 요소와 반대. 되며 자식 요소는 여러 개 html > body > p, div > h1 > span 의 부모 요소: ↔ 의 자식 요소: 의 부모 요소: ↔ 의 자식 요소: , 의 부모 요소: ↔ 의 자식 요소: 의 부모 요소: ↔ 의 자식 요소: 의 부모 요소: ↔ 의 자식 요소: , 조상과 자손 조상 요소는 그 요소를 포함하는 모든 요소로, 부모 요소를 포함하여 여러 개 자손 요소는 그 반대로, 그 요소가 포함하고 있는 모든 요소가 자손 요소 html > body > p, div > h1 > span 의 조상 요소: ↔ 의 자손 요소: , , , , 의 조상 요소: , ↔ 의 자손.. 2019. 7. 23.
CSS란 / 적용방법 4가지 / 선택자 / 속성값 CSS Cascading Style Sheets(CSS) 마크업 언어(HTML)는 몸의 구조(뼈, 근육)를 담당, CSS는 옷과 신발과 같이 외적으로 꾸며주는 역할 CSS는 HTML(마크업 언어)을 꾸며주는 표현용 언어 HTML의 속성은 영어로 attribute이고, CSS의 속성은 property /* 주석 내용 */ CSS 적용 방법 4가지 Inline : 해당 요소에 직접 스타일 속성을 적용 Internal : head태그 > style태그에 작성하는 법 External : 외부 스타일 시트 파일 이용. link태그 Import : 스타일 시트(.css) 내에서 다른 스타일 시트 불러오는 방식 선택자 여러 요소들 중에 내가 원하는 요소를 선택할 수 있도록 하는 것. 요소,태그 선택자 : h1, h2.. 2019. 7. 23.
[FC] CSS 선택자 1. 웹페이지 스타일 전용 언어는 무엇인가? CSS 2. CSS 선택자란 무엇인가? 엘리먼트 관계를 이용해서 선택하는 방법 3. 선택자 종류 4가지 자손 선택자 자식 선택자 인접 형제 선택자 일반 형제 선택자 4. 자손 선택자 사용하기 5. 자식 선택자 사용하기 자손 선택자와의 구분을 위해 식별자를 사용하자 자손 선택자 식별자 id="descendant" 자식 선택자 식별자 id="child" 자손 문단 태그 자손 문단 태그의 내부 태그 자식 문단 태그 자식 문단 태그의 내부 태그 6. 인접 형제 선택자 가장 인접해 있는 하위 형제태그를 변화시킴 인접형제 1번 문단 인접형제 2번 문단, id="adj_p" 인접형제 3번 문단 인접형제 4번 문단 7. 일반 형제 선택자 첫문단 두번째문단 id="gen_p".. 2019. 6. 7.
반응형