본문 바로가기

반응형

CSS

CSS - Cascading Style Sheets(2) [pseudo class selector(수도(가상) 클래스 선택자)] 클래스 선택자처럼 동작하지만 클래스 선택자는 아닌 여러가지 특수한 선택들을 하게 하는 선택자로element 의 상태에 따라 element 를 선택하는 선택자이다.(이 문장 자체로는 무슨 말인지 사실 잘 모르겠다.) 아래의 코드에 수도 선택자 기능으로 여러가지 변화 과정을 살펴보자. 방문함 방문함 결과 방문함 방문함" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  방문함 방문함 결과 방문함 방문함" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스('방문함' 버튼을 클릭한채로 누르고 있으면 green으로 바뀌는 것을 확인한 수 있다.) 방문함 방문함 결.. 더보기
CSS - Cascading Style Sheets(1) [CSS]HTML 이 정보 전달에 중점을 맞추기 위하여 기존의 HTML 에서의 디자인 기능을 분리시켜 새로운 CSS 라는 언어로 재탄생한 것개별적으로 디자인 적용시켰던 HTML 에 비해 일괄 적용이 가능해져 더 효율적이다. CSS 적용 방식에는 다음과 같이 두 가지 방법이 있다.  구역에서 태그 내에 작성  style 속성을 통해 작성[selector(선택자)]CSS 를 태그 내에 작성하는 것을 selector 라고 부른다.selector 의 기본 문법은 제일 앞에 selector 로 지정할 html 파트를 입력 후 중괄호 { } 내분에 옵션과 값을 콜론 : 으로 구분하고, 하나의 옵션 지정이 끝나면 세미콜론 ; 으로 구분해준다. 적용시킬 파트{ 적용 속성 : 속성 값; 적용 속성 : 속성 값;} 그리.. 더보기

반응형