FrontEnd/CSS (2) 썸네일형 리스트형 CSS의 선택자와 캐스케이드 CSS 선택자는 웹 문서의 어느 부분에 스타일을 적용할 지 알려주는 것이며, 여러 선택자들이 있습니다. 1. 전체 선택자 : CSS 스타일을 문서의 모든 요소에 적용할 때 사용합니다. 전체 선택자는 웹 브라우저의 기본 스타일을 초기화 할 때 자주 사용합니다. 전체 선택자를 사용하기 전의 이미지를 보면 마진 여백이 존재하였습니다. 전체 선택자를 사용하게 되면 여백이 없어서 이미지가 웹 브라우저 창에 딱 붙어서 나타납니다. 2. 타입 선택자 : 특정 태그를 사요한 모든 요소에 스타일을 적용합니다. 태그에 font-style 속성을 사용하여 글자 스타일의 변화를 살펴보면 태그의 내용들이 기울임꼴이 되어 있음을 확인 할 수 있습니다. 3. 클래스 선택자와 아이디 선택자 - 클래스 선택자 : 특정 부분만 선택하여.. CSS의 정의 CSS는 텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소를 이용하여 웹 문서에서의 디자인을 담당하는 역할을 합니다. CSS 소스에서 한 줄이 하나의 스타일에 해당되며 CSS 스타일의 형식은 다음과 같습니다. ◆선택자 {속성1: 속성값1; 속성2: 속성값2} [예] h1 {color: blue; font-size: 12px;} → h1: 선택자, {color: blue; font-size: 12px;} : 선언부 위와 같이 스타일 규칙을 작성하는 방법으론 세미콜론(;)으로 구분하여 중괄호({ })안에 나열합니다. 주석 표시는 /* */로 표시하며 표시 사이에 내용을 입력합니다. 웹 문서안에는 스타일 규칙을 여러 개 사용하는데 이런 스타일 규칙을 한눈에 확인하고 필요할 때 마다 수정하기 쉽도록 한곳에 .. 이전 1 다음
