안녕하세요. 저번 포스팅에서 전체선택자, 태그선택자, id선택자, class 선택자에 대해서 알아 보았는데요. 이어서 다른 선택자들에 대해서도 알아보도록 하겠습니다. 미리보면 좋은 포스팅 !CSS 스타일시트 작성법과 선택자에 대해 알기선택자(Selector)를 통해 CSS를 적용해보자 #1 [HTML5/CSS3] span 태그 & div 태그의 차이 [HTML/CSS] HTML 기초 강좌 - ul/li 태그 & img 태그 이번 포스팅에서는 혼합선택자와 속성선택자에 대해서 알아보겠습니다. 1. 혼합 선택자 혼합선택자는 앞서 포스팅에서 배웠던 태그선택자/id선택자/class선택자를 혼합하여 CSS 속성을 변경하는 선택자입니다. 12345678910111213141516171819202122232425262..
안녕하세요. 저번 포스팅에서는 CSS 스타일시트 작성법과 선택자의 개념에 대해 알아보았습니다. 이번 포스팅에서는 태그를 선택하는 여러 종류의 선택자들에 대해 알아보겠습니다. [HTML5/CSS3] CSS 기초강좌 #1 - CSS 스타일시트 작성법과 선택자에 대해 알기 1. 태그 선택자 태그 선택자는 태그명을 통해 태그를 선택하는 선택자입니다. 간단한 예로 아래의 스타일시트를 살펴 보겠습니다. 태그 내부에 정의 된 Rule-Set을 해석해보자면 다음과 같습니다. h1 태그의 border 속성값을 1px solid red로 줘라h2 태그의 border 속성값을 1px solid blue로 줘라h3 태그의 border 속성값을 1px solid green으로 줘라아래 전체적인 샘플예제와 웹페이지에 표현되는 것..
이번 포스팅부터는 CSS를 통해 앞서 배운 태그들에 스타일을 적용하여 웹 페이지를 이쁘게 표현하는 방법들에 대해 포스팅 하고자 합니다. CSS를 공부하기 전 기초 태그들에 대한 지식이 있으면 좋으므로 아래 포스팅을 참고해주세요. [HTML5/CSS3] HTML 기초 강좌 - h태그와 a태그에 대해 알아보자[HTML/CSS] HTML 기초 강좌 - ul/li 태그 & img 태그[HTML5/CSS3] HTML 기초 강좌 - 테이블 태그 ( 태그)[HTML5/CSS3] form 태그를 활용한 간단한 회원가입 페이지 만들기[HTML5/CSS3] span 태그 & div 태그의 차이[HTML5/CSS3] 간단한 웹 페이지 레이아웃 구성 및 시맨틱 태그 1. 선택자를 통해 태그 선택하기 선택자란 선택을 해주는 요..