도란도란 세상 사는 이야기 :)

CSS3 기본 선택자 정리 * 전체를 선택해라 - body 태그 내부 요소뿐만 아니라, html 태그를 포함해 head 태그, title 태그, style 태그까지 모두 선택한다. #(만들어준 id속성 이름) body 안에서 지정해준 id를 선택해라 .(만들어준 class속성 이름) body 안에서 지정해준 class를 선택해라 태그이름 이 이름의 태그를 선택해라 - 아무런 기호 없이 태그 이름을 입력하면, 그 자체로 선택자(Selectors)가 된다. 태그이름[속성이름] 이 속성이 있는 태그를 선택해라 태그이름[속성이름=속성값] 이 속성의 이 속성 값을 가진 태그를 선택해라 A B A태그 하위에 위치한 모든 B태그를 선택해라 A > B A태그 바로 하위에 위치한 B태그들만 선택해라. A + B 동일한 ..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 11. 09:00

CSS는 Cascading Style Sheets의 약자입니다. 간단하게 말해서 웹 문서를 꾸며주는 부분이라고 생각하면 됩니다. HTML 태그가 웹 문서를 구성하는 기능이라면 CSS는 HTML 웹 문서를 꾸며주는 기능인셈이죠. 오늘은 CSS의 선택자중에 [자손 선택자, 후손 선택자, 동위 선택자]에 대해서 알아보도록 하겠습니다. 선택자(Seletors) 먼저 선택자 라는것에대해 확실히 개념을 알아두어야 합니다. 물론 자연스럽게 알게 되는 개념이지만, 처음 접하는 사람에게는 모든 것이 어렵습니다. '선택자'는 Selectors의 번역입니다. 풀어서 설명하면 입니다. 결국 선택자가 있어야 원하는 부분을 꾸며줄 수 있는 것입니다. 예를 들어 "나는 제목의 글씨를 파란색으로 바꾸고 싶어" 라고 했을 때, CSS..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 9. 09:15