CSS (11) 썸네일형 리스트형 [중앙정보처리학원] CSS* 가상 수도 클래스 선택자 가상 클래스 반응형 효과를 낼 수 있다. 밑의 코드 참조 수도 클래스 수도 클래스를 통해 특정 태그를 지정 할 수 있다. 간혹 연산자를 사용하고 음수를 사용할 수도 있다. 예를들어 li:nth-child(n+3) 이란 코드가 있다면 3이 더해진 순서에 오는 태그들을 전부 지칭할 수있다. li:nth-child(-n+2)는 [2,1,0,-1,-2 ...] 이 될 것이니 1,2 번째의 태그만 보여질 수도 있다는 것이다. [중앙정보처리학원] CSS* 기본선택자 전체, 태그 선택자 해당 태그 전체에 스타일을 입력하는 코드이다. 클래스, 아이디 선택자 부분의 id 는 css 에서 #을 붙여서 입력한다. 마찬가지로 클래스는 .을 앞에 붙여서 사용한다. 일치 선택자 li는 li태그를 의미하며 따라서 li#apple.green은 li태그이며 apple 이란 id 를 갖고 green이란 class를 가진 것을 의미한다. 이것을 일치 선택자 라고 한다. 자식 선택자 body> div > ul > #apple은 body의 자식이며 div의 자식이고 ul의 자식인 apple이란 아이디를 가진 것을 의미한다. 후손선택자 body div ul 은 body안의 div안의 ul의 내용을 타켓팅 하고 있는 것이다. 중요한 것은 자식선택자 보다 후손 선택자가 개발에 유리하다는 것이다. .. [중앙정보처리학원] CSS* 스타일 적용하기 CSS란? CSS란 HTML 등의 마크업 언어로 작성된 문서가 웹사이트에 표현되는 방법을 정해주는 언어 레이아웃, 폰트, 색상처리 등의 디자인 요소를 HTML과 완전히 분리시켜 구조화된 HTML을 만들기 위한 언어 디자인에 필요한 부분은 CSS가 전담하기 때문에 웹 퍼블리셔와 웹 프로그래머 간의 협업이 훨씬 용이하다. HTML문서에 CSS를 적용하는 방법은 내부 스타일시트, 외부 스타일시트, 인라인 스타일시트 3가지 종류가 있다. ````````` 사과 딸기 석류 체리 ````````` 위처럼 body 내부에 직접 적용하는 스타일들을 인라인 스타일 이라고 한다. ``````````` ````````````` 위와 같이 html 파일안 head부분에 따로 입력하는 것을 내부 스타일이라 한다. 위 코드는 외.. 이전 1 2 다음
