개발자도전

외부 파일(CSS)과 연결하는 태그 기본 속성 선택자 특정 속성이 작성된 요소를 선택하는 선택자. id, class도 선택은 가능하지만 #, . 기호를 사용함. [작성법] : 선택자[속성명="속성값"] { CSS 코드; } 선택자는 생략 가능! 속성값에서 쌍따옴표"는 홑따옴표'로 변경하거나 생략 가능! HTML 작성 화면 - 태그별 name을 다르게 설정해줌 CSS 작성 화면 웹에서 출력된 화면 자식 선택자 ( > ) 지정된 요소 바로 하위에 존재하는 요소를 선택하는 선택자 [작성법] : 선택자1 > 선택자2 { CSS 코드; } 선택자 1 하위에 존재하는 선택자 2 요소를 모두 선택 선택자 1 == 부모 요소 / 선택자 2 == 자식 요소 HTML 작성한 코드 화면 CSS 작성한 코드 하면 웹에 출력된..

CSS Selector ( CSS 선택자) 선택자란 현재 HTML 문서 내에서 특정한 요소를 선택하는 문자 또는 문자열이다. 태그 선택자 현재 HTML 문서 내에서 같은 태그를 선택하는 선택자 [작성법] : 태그명 { CSS 코드; } HTML에 작성한 코드 화면 CSS 작성한 코드 화면 -div 태그에 실선 지정 -strong 태그에 노란색 배경색 지정 -span 태그에 분홍색 배경색 지정 웹 화면에 출력된 화면 id 선택자(#id 속성값) HTML 문서 내에서 id 속성 값이 일치하는 요소를 선택하는 선택자 id 속성 값은 페이지 내에서 유일해야 한다. 하나의 HTML 문서 내에서 중복되는 id가 존재해선 안된다. [작성법] : #id속성값 { CSS 코드; } HTML에 작성한 코드 화면 CSS 작..

CSS 코드는 style 태그에서 작성 또는 새로운 파일을 만들어 확장자를 .css로 작성해주면 된다. style 태그에서는 태그, id, 클래스 등을 이용해서 지정한다. CSS Cascading Style Sheets 종속적 스타일 시트 이다. 마크업 언어(HTML)가 실제로 화면에 표시되는 방법(모양, 색상, 크기 등)을 기술하는 언어이다. HTML 코드가 화면에 어떤 스타일로 보여질지 지정하는 언어이다. W3C(웹 표준 지정 기관)에서 CSS를 표준으로 지정했다.