반응형 Coding/Client - CSS16 가상 클래스 선택자 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. 가상(pseudo)클래스 선택자는 클래스 선택자는 아니지만 엘리먼트들의 상태에 따라서 마치 클래스 선택자처럼 여러 엘리먼트를 선택할 수 있는 선택자이다. 예제 방문함 방문안함 링크와 관련된 가상 클래스 선택자:link - 방문한 적이 없는 링크:visited - 방문한 적이 있는 링크:hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 위의 선택자는 순서대로 지정하는 것이 좋습니다. 특히 visited의 경우는 보안상의 이유로 아래와 같은 속성만 변경이 가능합니다. colorbackground-colorborder-coloroutline-colorThe color parts of the fill and.. 2017. 9. 8. 부모 자식 선택자 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. : ul 밑에 있는 모든 li를 뜻한다. 예제 HTML CSS JavaSCript HTML CSS 1. Selector 2. Declaration JavaSCript - 선택자 공부 팁 - http://flukeout.github.io/ 2017. 9. 8. 선택자의 종류 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. Id 선택자, TAg 선택자, Class 선택자 어떤 태그를 디자인하기 위해서는... 1. 디자인하려는 태그를 선택하고 (선택자, Selector) => 주어 2. 선택한 대상에게 원하는 효과를 적용해야한다. (선언, Declaration) - ID 선택자 - 예제 2017. 9. 7. 선택자와 선언 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS를 적용하는 방법 1. 문법의 속성으로 주기 2. 를 활용하기 어떤 태그를 디자인하기 위해서는... 1. 디자인하려는 태그를 선택하고 (선택자, Selector) 2. 선택한 대상에게 원하는 효과를 적용해야한다. (선언, Declaration) 예제 HTML CSS JavaSCript 2017. 9. 7. HTML과 CSS가 만나는 법 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS 실행방법 1. In-line 방식 (하드코딩) 2. 활용 예제 Hello world => color:red 부분만 CSS문법, 나머지는 html의 문법 Hello World 2017. 9. 7. CSS 소개 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS의 기반은 HTML이다. HTML = 정보, HTML은 홀로 존재할 수 있다. 하지만 CSS는 HTML없이 존재할 수 없다. HTML= 정보 CSS = 디자인 CSS는 에 들어가게 된다. **정보와 디자인의 분리 예제 바보 천하의 보배 2017. 9. 7. 이전 1 2 다음 반응형
