CSS
-
CSS 선택자 ( selector, 셀렉터 )이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 17. 18:19
CSS 선택자: body내 태그와 head내 style태그를 연결하거나, HTML파일과 분리된 CSS파일을 연결해 주는 연결고리. 선택자 종류 전체 선택자: 모든 태그에 적용. 태그 선택자: 문서 내 지명된 모든 태그에 적용. id 선택자: 문서 내 유일한 요소에 적용될 수 있는 id 값에 따라 적용. class 선택자: 문서 내 여러 요소에 동일하게 적용될 수 있는 클래스(class) 값(value)에 따라 적용. 속성 선택자: 태그의 속성과 그 값에 따라 적용. 자손 선택자: 내부(하위)의 모든 요소들을 선택해서 적용. 자식 선택자: 바로 안 단계(자식)의 요소들을 선택해서 적용. 가까운 형제 선택자: 동등한 위치에 있는 태그(형제) 중에 매칭되는 첫 번째 형제 하나만 선택해서 적용. 형제 선택자: ..
-
CSS란?이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 16. 14:52
CSS: Cascade Style Sheet의 약자로, 웹페이지의 요소들을 꾸밀 때 사용합니다. CSS는 HTML을 HTML답게 사용할 수 있게 하고, 웹사이트를 원하는대로 꾸밀 수 있다. 즉, 정보요소와 시각요소를 분리할 수 있다.(HTML: 설계, CSS: 디자인) CSS와 HTML의 결합 1. Inline방법: 요소에 직접 적용하는 방법 2. Internal방법: head태그 내 style태그에 적용. head부분에 style을 열고 닫아줌으로써, HTML파일 상단에 CSS를 붙여주는 방법. 여러 HTML문서에 동일한 CSS를 적용하기 위해서는 복사-붙여넣기를 여러번 해야 되기 때문에, 비효율적인 방법. 3. External방법: 별도의 CSS파일을 생성. HTML문서와 CSS문서를 연결시켜, CS..